这里是文章模块栏目内容页
js判断浏览器是ios手机苹果PC或者andorid手机和普通pc端

在做网站的某款软件下载页面时,通常需要判断访问用户来自哪种访问客户端,好显示对应的下载地址,为客户提供便捷的下载服务,提升用户体验。

这里是一段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 结束-->

好了,本文内容全部结束,感谢您 的阅读,希望对您有所帮助。