js通过UA判断浏览器是pc端还是手机端详解

<script type="text/javascript">  
        var browser = {  
            versions: function() {  
                var u = navigator.userAgent, app = navigator.appVersion;  
                return {     //移动终端浏览器版本信息  
                    trident: u.indexOf('Trident') > -1, //IE内核  
                    presto: u.indexOf('Presto') > -1, //opera内核  
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核  
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核  
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端  
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端  
                    android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或uc浏览器  
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器  
                    iPad: u.indexOf('iPad') > -1, //是否iPad  
                    webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部  
                };  
            } (),  
            language: (navigator.browserLanguage || navigator.language).toLowerCase()  
        }  
        if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面  
            /* var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 
            if (ua.match(/MicroMessenger/i) == "micromessenger") { 
            //在微信中打开 
            setInterval(WeixinJSBridge.call('closeWindow'),2000); 
            } 
            if (ua.match(/WeiBo/i) == "weibo") { 
            //在新浪微博客户端打开 
            } 
            if (ua.match(/QQ/i) == "qq") { 
            //在QQ空间打开 
            } 
            if (browser.versions.ios) { 
            //是否在IOS浏览器打开 
            }  
            if(browser.versions.android){ 
            //是否在安卓浏览器打开 
            }*/  
            window.location.href = "http://www.baidu.com/wap";  
        }  
        /*else { 
        //否则就是PC浏览器打开 
        window.close(); 
        }    */  
  
    </script>  
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容