一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jquery 获取用户浏览器版本信息

时间:2011-11-24 编辑:简简单单 来源:一聚教程网

 代码如下 复制代码

rwebkit = /(webkit)[ /]([w.]+)/,//webkit
ropera = /(opera)(?:.*version)?[ /]([w.]+)/,//opera
rmsie = /(msie) ([w.]+)/,//ie
rmozilla = /(mozilla)(?:.*? rv:([w.]+))?/,//mozilla

通过userAgent,我们可以看到chrome可以通过以下方式匹配到,但是因为和safari一样,都带有

“safari”,我们可以把它放在rwebkit.前进行匹配

 代码如下 复制代码

rchrome=/(Chrome)[ /]([w.]+)/

同样firefox也可以这么做,把它放在rmozilla前面进行判断

 代码如下 复制代码

rfirefox=/(Firefox)[ /]([w.]+)/

uaMatch: function( ua ) {//主要是获得的浏览器的类型和版本
ua = ua.toLowerCase();//参数为navigator.userAgent。转换成小写,当然也可以在正则匹配里声明不

区分大小写(如 /(webkit)[ /]([w.]+)/i)

var match = rwebkit.exec( ua ) ||
ropera.exec( ua ) ||
rmsie.exec( ua ) ||
ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) ||


[];//由于使用exec进行匹配,返回的结果是一个整体匹配和响应的子匹配,例如/(Chrome)[ /]

([w.]+)/,match会返回Chrome/13.0.782.220,match[1]得到chrome,match[2]得到13.0.782.220;

return { browser: match[1] || "", version: match[2] || "0" };
}

//uaMatch是jQuery里的一个方法,在这边开始调用并保存浏览器型号browser和版本version

browserMatch = jQuery.uaMatch( userAgent );//调用uaMatch,并返回对象return { browser:

match[1] || "", version: match[2] || "0" };
if ( browserMatch.browser ) {
jQuery.browser[ browserMatch.browser ] = true;//chromesafarioperamsiemozilla

,比如我们

要在opera浏览器下执行特定操作的时候,可以通过$.browser.opera来判断是不是opera浏览器

 代码如下 复制代码

(true,false)

jQuery.browser.version = browserMatch.version;//浏览器版本
}


if ( jQuery.browser.webkit ) {
jQuery.browser.safari = true;//因为safari是使用AppleWebKit引擎,由于和chrome都有safari,所以

在做另外处理
}

热门栏目