手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQUERY1.6 使用方法四 检测浏览器
JQUERY1.6 使用方法四 检测浏览器
摘要:userAgent=navigator.userAgent,//UserAgent中文名为用户代理,简称UA,它是一个特殊字符串头,使得服务...

userAgent = navigator.userAgent,//User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。

下面分别是各个浏览器的navigator.userAgent

//Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1 --safari

//Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/13.0.782.220 Safari/535.1 --chrome

//Opera/9.80 (Windows NT 5.1; U; Edition Next; zh-cn) Presto/2.8.158 Version/11.50 --opera

//Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.1; .NET4.0C; .NET4.0E; InfoPath.2) ---ie

//Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.9.2.24) Gecko/20111103 Firefox/3.6.24 --firefox

//用于匹配响应浏览器表示的正则

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,所以在做另外处理

}

【JQUERY1.6 使用方法四 检测浏览器】相关文章:

判断checkbox选择的个数 多浏览器

浅谈利用JavaScript进行的DDoS攻击原理与防御

讲解JavaScript中for...in语句的使用方法

Jquery使用val方法读写value值

JavaScript中使用自然对数ln的方法

让插入到 innerHTML 中的 script 跑起来的实现代码

javascript常用方法总结

jquery使用each方法遍历json格式数据实例

JQuery中clone方法复制节点

JavaScript中用toString()方法返回时间为字符串

精品推荐
分类导航