判断各种浏览器的内核和 移动端的类型

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        
        
        
        
    </body>
    <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应该程序,没有头部与底部
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增)
                    qq: u.match(/\sQQ/i) == " qq" //是否QQ
                };
            }(),
            language:(navigator.browserLanguage || navigator.language).toLowerCase()
        }
//        document.write("用户代理: " + navigator.userAgent);//用户代理
//         document.write("版本信息: " + navigator.appVersion);//浏览器版本
        //判断是否IE内核
        if(browser.versions.trident){
            alert("is IE");
        }
        if(browser.versions.weixin){
            alert('weixin')
        }
        if(browser.versions.gecko){
            alert('huohu')
        }
        //判断是否webKit内核
        if(browser.versions.webKit){
            alert("is webKit");
        }
        
        判断是否移动端
        if(browser.versions.mobile||browser.versions.android||browser.versions.ios){
            alert("移动端");
        }
        if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
            alert(navigator.userAgent);  
           //苹果端
        } else if (/(Android)/i.test(navigator.userAgent)) {
            alert(navigator.userAgent);
            //安卓端
        } else {
           //pc端
        };
    </script>
    
</html>



Mozilla/5.0 (Windows NT 6.2; WOW64; rv:21.0) Gecko/20100101 Firefox/21.0
浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识 版本信息
posted @ 2017-05-03 10:55  i'mpossible  阅读(403)  评论(0编辑  收藏  举报