js判断浏览器及其版本(用于PC端)

以下对象能够判断Chrome\Firefox\IE\Safari\Opera浏览器

代码如下:

var checkBrowser = {
    browserStr:function(){
        return navigator.userAgent;
    },
    browserType:function(){//只返回浏览器名称
        if(this.browserStr().match("Chrome"))
            {return "Chrome";}
        else if(this.browserStr().match("Firefox"))
            {return "Firefox";}
        else if(this.browserStr().match("MSIE"))
            {return "IE";}
        else if(this.browserStr().match("Safari"))
            {return "Safari";}
        else if(this.browserStr().match("Opera"))
            {return "Opera";}
    },
    browserVersion:function(){//返回浏览器名称和版本号,如:["Chrome/31.0.1650.63"],是一个数组类型
        var regChrome = /chrome\/[\d.]+/gi;
        var regFF = /firefox\/[\d.]+/gi;
        var regIE = /msie [\d.]+;/gi;
        var regSafari = /safari\/[\d.]+/gi;
        var regOpera = /Opera\/[\d.]+/gi;
        switch(this.browserType()){
            case "Chrome":return this.browserStr().match(regChrome);
                          break;
            case "Firefox":return this.browserStr().match(regFF);
                           break;
            case "IE":return this.browserStr().match(regIE);
                      break;
            case "Safari":return this.browserStr().match(regSafari);
                          break;
            case "Opera":return this.browserStr().match(regOpera);
                         break;
        };
    }

}

调用方式示例:

window.onload = function(){
    document.write("userAgent字符串:"+checkBrowser.browserStr()+"<br /><br /><br />浏览器及版本:"+checkBrowser.browserVersion());
}

 

posted @ 2013-12-31 14:27  Joy Ho  阅读(937)  评论(0编辑  收藏  举报