通过分析各类浏览器的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 >
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')等形式,表达起来还是非常优雅的。