美文网首页
前端检验浏览器类型

前端检验浏览器类型

作者: 宇落星辰_30ba | 来源:发表于2019-04-18 00:36 被阅读0次

···

        console.log(navigator.userAgent)
        var browser = getBrowserInfo();//取到完整信息
        var b_name = (browser + "").replace(/[0-9./]/ig, "");//根据正则将所有数字、‘.’‘/’全部去掉,剩下浏览器名
        var b_version = parseInt((browser + "").replace(/[^0-9.]/ig, ""));//根据正则将所有非数字全部去掉,剩下版本        
        console.log(browser);
        console.log(b_name);
        console.log(b_version);
        //浏览器类型及版本
        function getBrowserInfo() {
            var agent = navigator.userAgent.toLowerCase(); //转为小写
            var regStr_ie = /msie [\d.]+/gi;
            var regStr_ff = /firefox\/[\d.]+/gi;  //判断是否火狐浏览器  
            var regStr_chrome = /chrome\/[\d.]+/gi; //判断是谷歌浏览器  
            var regStr_saf = /safari\/[\d.]+/gi; //判断是否safari浏览器  
            var isIE = agent.indexOf("compatible") > -1 && agent.indexOf("msie" > -1); //判断是否IE<11浏览器  
            var isEdge = agent.indexOf("edge") > -1 && !isIE; //判断是否IE的Edge浏览器  
            var isIE11 = agent.indexOf('trident') > -1 && agent.indexOf("rv:11.0") > -1;
            if (isIE) {
                var reIE = new RegExp("msie (\\d+\\.\\d+);");
                reIE.test(agent);
                var fIEVersion = parseFloat(RegExp["$1"]);
                if (fIEVersion == 7) {
                    return "IE/7";
                } else if (fIEVersion == 8) {
                    return "IE/8";
                } else if (fIEVersion == 9) {
                    return "IE/9";
                } else if (fIEVersion == 10) {
                    return "IE/10";
                }
            } //isIE end 
            if (isIE11) {
                return "IE/11";
            }
            //firefox
            if (agent.indexOf("firefox") > 0) {
                return agent.match(regStr_ff);
            }
            //Safari
            if (agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0) {
                return agent.match(regStr_saf);
            }
            //Chrome
            if (agent.indexOf("chrome") > 0) {
                return agent.match(regStr_chrome);
            }
        }

···

相关文章

网友评论

      本文标题:前端检验浏览器类型

      本文链接:https://www.haomeiwen.com/subject/mmeawqtx.html