zoukankan      html  css  js  c++  java
  • javascript浏览器检测

    <script type="text/javascript">
     
    /**
     * 获取浏览器类型以及版本号
     * 支持国产浏览器:猎豹浏览器、搜狗浏览器、傲游浏览器、360极速浏览器、360安全浏览器、
     * QQ浏览器、百度浏览器等.
     * 支持国外浏览器:IE,Firefox,Chrome,safari,Opera等.
     * 使用方法:
     * 获取浏览器版本:Browser.client.version
     * 获取浏览器名称(外壳):Browser.client.name
     * @author:xuzengqiang
     * @since :2015-1-27 10:26:11
    **/
    var Browser=Browser || (function(window){
        var document = window.document,
            navigator = window.navigator,
            agent = navigator.userAgent.toLowerCase(),
            //IE8+支持.返回浏览器渲染当前文档所用的模式
            //IE6,IE7:undefined.IE8:8(兼容模式返回7).IE9:9(兼容模式返回7||8)
            //IE10:10(兼容模式7||8||9)
            IEMode = document.documentMode,    
            //chorme
            chrome = window.chrome || false,
            System = {
                //user-agent
                agent : agent,
                //是否为IE
                isIE : /msie/.test(agent),
                //Gecko内核
                isGecko: agent.indexOf("gecko")>0 && agent.indexOf("like gecko")<0,
                //webkit内核
                isWebkit: agent.indexOf("webkit")>0,
                //是否为标准模式
                isStrict: document.compatMode === "CSS1Compat",
                //是否支持subtitle
                supportSubTitle:function(){
                    return "track" in document.createElement("track");
                },
                //是否支持scoped
                supportScope:function(){
                    return "scoped" in document.createElement("style");
                },
                //获取IE的版本号
                ieVersion:function(){
                    try {
                       return agent.match(/msie ([d.]+)/)[1] || 0;
                    } catch(e) {
                       console.log("error");
                       return IEMode;
                    }
                },
                //Opera版本号
                operaVersion:function(){
                    try {
                        if(window.opera) {
                            return agent.match(/opera.([d.]+)/)[1];
                        } else if(agent.indexOf("opr") > 0) {
                            return agent.match(/opr/([d.]+)/)[1];
                        }
                    } catch(e) {
                        console.log("error");
                        return 0;
                    }
                },
                //描述:version过滤.如31.0.252.152 只保留31.0
                versionFilter:function(){
                    if(arguments.length === 1 && typeof arguments[0] === "string") {
                        var version = arguments[0];
                            start = version.indexOf(".");
                        if(start>0){
                            end = version.indexOf(".",start+1);
                            if(end !== -1) {
                                return version.substr(0,end);
                            }
                        }
                        return version;
                    } else if(arguments.length === 1) {
                        return arguments[0];
                    }
                    return 0;
                }
            };
             
        try {
            //浏览器类型(IE、Opera、Chrome、Safari、Firefox)
            System.type = System.isIE?"IE":
                window.opera || (agent.indexOf("opr") > 0)?"Opera":
                (agent.indexOf("chrome")>0)?"Chrome":
                //safari也提供了专门的判定方式
                window.openDatabase?"Safari":
                (agent.indexOf("firefox")>0)?"Firefox":     
                'unknow';
                 
            //版本号  
            System.version = (System.type === "IE")?System.ieVersion():
                (System.type === "Firefox")?agent.match(/firefox/([d.]+)/)[1]:
                (System.type === "Chrome")?agent.match(/chrome/([d.]+)/)[1]:
                (System.type === "Opera")?System.operaVersion():
                (System.type === "Safari")?agent.match(/version/([d.]+)/)[1]:
                "0";
             
            //浏览器外壳
            System.shell=function(){
                //遨游浏览器
                if(agent.indexOf("maxthon") > 0) {
                    System.version = agent.match(/maxthon/([d.]+)/)[1] || System.version ;
                    return "傲游浏览器";
                }
                //QQ浏览器
                if(agent.indexOf("qqbrowser") > 0) {
                    System.version = agent.match(/qqbrowser/([d.]+)/)[1] || System.version ;
                    return "QQ浏览器";
                }
                 
                //搜狗浏览器
                if( agent.indexOf("se 2.x")>0) {
                    return '搜狗浏览器';
                }
                 
                //Chrome:也可以使用window.chrome && window.chrome.webstore判断
                if(chrome && System.type !== "Opera") {
                    var external = window.external,
                        clientInfo = window.clientInformation,
                        //客户端语言:zh-cn,zh.360下面会返回undefined
                        clientLanguage = clientInfo.languages;
                     
                    //猎豹浏览器:或者agent.indexOf("lbbrowser")>0
                    if( external && 'LiebaoGetVersion' in external) {
                         return '猎豹浏览器';
                    }
                    //百度浏览器
                    if (agent.indexOf("bidubrowser")>0) {
                        System.version = agent.match(/bidubrowser/([d.]+)/)[1] ||
                            agent.match(/chrome/([d.]+)/)[1];
                        return "百度浏览器";
                    }
                    //360极速浏览器和360安全浏览器
                    if( System.supportSubTitle() && typeof clientLanguage === "undefined") {
                        //object.key()返回一个数组.包含可枚举属性和方法名称
                        var storeKeyLen = Object.keys(chrome.webstore).length,
                            v8Locale = "v8Locale" in window;
                        return storeKeyLen > 1? '360极速浏览器':'360安全浏览器';  
                    }
                    return "Chrome";
                }
                return System.type;      
            };
     
            //浏览器名称(如果是壳浏览器,则返回壳名称)
            System.name = System.shell();
            //对版本号进行过滤过处理
            System.version = System.versionFilter(System.version);
             
        } catch(e) {
            console.log("error");
        }
        return {
            client:System
        };
         
    })(window);
    alert(Browser.client.name+" "+Browser.client.version);
    </script>
  • 相关阅读:
    2011 年50+优秀的网页设计(下)
    25+令人惊讶的是令人难以置信的WordPress技术支持网站
    2011 漂亮的网站(上)
    2011 美丽的网站(下)
    38 jQuery和CSS多级下拉菜单解决方案(一)
    HTMl代码片段
    30 +漂亮的jQuery菜单导航(一)
    分享几套还算不错的后台模板(有源码下载)
    配 色 方 案
    一个小故事
  • 原文地址:https://www.cnblogs.com/wangying731/p/5795619.html
Copyright © 2011-2022 走看看