用 JavaScript 判断浏览器的类型和版本

在用浏览器做为显示端的应用中，浏览器的兼容性是个大问题，要解决兼容性问题就得首先准确判断出浏

览器的类型和版本，我们可以通过 JavaScript 的 navigator.userAgent 属性来判断，现在主流的浏览器有

IE, Firefox, Opera, Safari，Chrome 这五种，这里只考虑这几个浏览器。

 

IE
它的userAgent属性是：
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
Mozilla/4.0 (compatible; MSIE 5.0; Windows NT)
版本号是MSIE之后的数字。

 

Firefox
它的userAgent属性是：
Mozilla/5.0 (Windows; U; Windows NT 5.2) Gecko/2008070208 Firefox/3.0.1
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070309 Firefox/2.0.0.3
Mozilla/5.0 (Windows; U; Windows NT 5.1) Gecko/20070803 Firefox/1.5.0.12
版本号是Firefox之后的数字。

 

Opera
它的userAgent属性是：
Opera/9.27 (Windows NT 5.2; U; zh-cn)
Opera/8.0 (Macintosh; PPC Mac OS X; U; en)
Mozilla/5.0 (Macintosh; PPC Mac OS X; U; en) Opera 8.0 
版本号是靠近Opera的数字。

 

Safari
Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/525.13 (KHTML, like Gecko) Version/3.1

Safari/525.13
Mozilla/5.0 (iPhone; U; CPU like Mac OS X) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0

Mobile/4A93 Safari/419.3
版本号是Version之后的数字。

 

Chrome
它的userAgent属性是：
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/530.5 (KHTML, like Gecko)

Chrome/2.0.172.39 Safari/530.5
版本号在Chrome之后的数字。

 

 

只要了解了以上信息，我们就可以根基这些特征来判断浏览器类型及其版本了。我们会将判断的结果保存

在Sys名字空间中，成为前端框架的基本标志信息，供今后的程序来读取。如果判断出谋种浏览器，Sys名

字空间将有一个该浏览器名称的属性，其值为该浏览器的版本号。例如，如果判断出IE 7.0，则Sys.ie的

值为7.0；如果判断出Firefox 3.0，则Sys.firefox的值为3.0。下面是判断浏览器的代码：

 

-------------------------------------------------------------------------------------------

    <script type="text/javascript">
        var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/msie ([/d.]+)/)) ? Sys.ie = s[1] :
        (s = ua.match(/firefox//([/d.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/chrome//([/d.]+)/)) ? Sys.chrome = s[1] :
        (s = ua.match(/opera.([/d.]+)/)) ? Sys.opera = s[1] :
        (s = ua.match(/version//([/d.]+).*safari/)) ? Sys.safari = s[1] : 0;

        //以下进行测试
        if (Sys.ie) document.write('IE: ' + Sys.ie);
        if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
        if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
        if (Sys.opera) document.write('Opera: ' + Sys.opera);
        if (Sys.safari) document.write('Safari: ' + Sys.safari);
    </script>

-------------------------------------------------------------------------------------------

 

以上的代码都是为了打造前端框架所做的预研，并在五大浏览器上测试通过。今后，判断某种浏览器只需

用if(Sys.ie)或if(Sys.firefox)等形式，而判断浏览器版本只需用if(Sys.ie == '8.0')或if

(Sys.firefox == '3.0')等形式，表达起来还是非常优雅的。