JavaScript判断浏览器类型及版本

      通过分析各类浏览器的userAgent信息，不难得出分辨各类浏览器及其版本的正则表达式。而且，对浏览器类型的判断和版本的判断完全可以合为一体地进行。于是，我们可以写出下面的代码：

 

     < 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')等形式，表达起来还是非常优雅的。