在做网站的某款软件下载页面时,通常需要判断访问用户来自哪种访问客户端,好显示对应的下载地址,为客户提供便捷的下载服务,提升用户体验。
这里是一段js实现的方法,大家可以参考修改使用:
<!--判断js开始-->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', () =>{
var userAgent = navigator.userAgent.toLowerCase();
var isIOS = (userAgent.indexOf('iphone') !== -1 || userAgent.indexOf('ipad') !== -1 || userAgent.indexOf('ipod') !== -1);
var isAndroid = userAgent.indexOf('android') !== -1;
var $downloadSignal = $('.get-signal');
if (isIOS || isAndroid) {
var url = isIOS ? 'http://www.siyueweb.cn/down.ios.html': 'http://www.siyueweb.cn/down.apk'';
$downloadSignal.prop('href', url);
$downloadSignal.html('免费下载 <i class="fas fa-external-link-alt"></i>');
}
/*新增加mac台式判断 start*/
else{
var ismac = /macintosh|mac os x/i.test(userAgent);
if(ismac){
$downloadSignal.prop('href', "http://www.siyueweb.cn/down.ios.html");
}
}
console.log(userAgent)
console.log($downloadSignal.prop("href") )
/*新增加mac台式判断 end*/
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'));
if ($navbarBurgers.length > 0) {
$navbarBurgers.forEach((el) =>{
el.addEventListener('click', () =>{
const target = el.dataset.target;
const $target = document.getElementById(target);
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
});
}
});
</script>
<!--判断js 结束-->
好了,本文内容全部结束,感谢您 的阅读,希望对您有所帮助。