DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript 獲取浏覽器版本
javascript 獲取浏覽器版本
編輯:關於JavaScript     

工作中需要通過JS去獲取當前使用的浏覽器的名字以及版本號,網上大堆資料都有一個關鍵詞是 navigator.appName,但是這個方法獲取的浏覽器的名字只有兩種要麼是IE要麼就是Netscap,倒是可以用來判斷是否使用了IE,但是我想獲取具體的浏覽器產品名字比如  Firefox,Chrome等。

代碼如下:
function BroswerUtil() {
}
BroswerUtil.prototype = {
    getBrowserVersion: function () {
        var agent = navigator.userAgent.toLowerCase();
        var arr = [];
        var Browser = "";
        var Bversion = "";
        var verinNum = "";
        //IE
        if (agent.indexOf("msie") > 0) {
            var regStr_ie = /msie [\d.]+;/gi;
            Browser = "IE";
            Bversion = "" + agent.match(regStr_ie)
        }
        //firefox
        else if (agent.indexOf("firefox") > 0) {
            var regStr_ff = /firefox\/[\d.]+/gi;
            Browser = "firefox";
            Bversion = "" + agent.match(regStr_ff);
        }
        //Chrome
        else if (agent.indexOf("chrome") > 0) {
            var regStr_chrome = /chrome\/[\d.]+/gi;
            Browser = "chrome";
            Bversion = "" + agent.match(regStr_chrome);
        }
        //Safari
        else if (agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0) {
            var regStr_saf = /version\/[\d.]+/gi;
            Browser = "safari";
            Bversion = "" + agent.match(regStr_saf);
        }
        //Opera
        else if (agent.indexOf("opera") >= 0) {
            var regStr_opera = /version\/[\d.]+/gi;
            Browser = "opera";
            Bversion = "" + agent.match(regStr_opera);
        } else {
            var browser = navigator.appName;
            if (browser == "Netscape") {
                var version = agent.split(";");
                var trim_Version = version[7].replace(/[ ]/g, "");
                var rvStr = trim_Version.match(/[\d\.]/g).toString();
                var rv = rvStr.replace(/[,]/g, "");
                Bversion = rv;
                Browser = "IE"
            }
        }
        verinNum = (Bversion + "").replace(/[^0-9.]/ig, "");
        arr.push(Browser);
        arr.push(verinNum);
        return arr;
    },
    WB: (function () {
        var UserAgent = navigator.userAgent.toLowerCase();
        alert(UserAgent)
        return {
            isIE6: /msie 6.0/.test(UserAgent), // IE6
            isIE7: /msie 7.0/.test(UserAgent), // IE7
            isIE8: /msie 8.0/.test(UserAgent), // IE8
            isIE9: /msie 9.0/.test(UserAgent), // IE9
            isIE10: /msie 10.0/.test(UserAgent), // IE10
            isIE11: /msie 11.0/.test(UserAgent), // IE11
            isLB: /lbbrowser/.test(UserAgent), // 獵豹浏覽器
            isUc: /ucweb/.test(UserAgent), // UC浏覽器
            is360: /360se/.test(UserAgent), // 360浏覽器
            isBaidu: /bidubrowser/.test(UserAgent), // 百度浏覽器
            isSougou: /metasr/.test(UserAgent), // 搜狗浏覽器
            isChrome: /chrome/.test(UserAgent.substr(-33, 6)), // Chrome浏覽器
            isFirefox: /firefox/.test(UserAgent), // 火狐浏覽器
            isOpera: /opera/.test(UserAgent),  // Opera浏覽器
            isSafire: /safari/.test(UserAgent) && !/chrome/.test(UserAgent), // safire浏覽器
            isQQ:/qqbrowser/.test(UserAgent)//qq浏覽器
        };
    })()
}

以上本文的全部內容,希望小伙伴們能夠喜歡。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved