在早期的jquery版本中，如1.4.2版本，我们很容易的就能判断浏览器的类型，好做兼容。但是后面的版本如1.8.0就不支持了，但是我们还要做判断，这可怎么办？接下来我们可以看下jquery关于这个的源码及使用方法。
|
1 2 3 4 5 6 7 8 |
var userAgent = navigator.userAgent.toLowerCase(); jQuery.browser = { version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [])[1], safari: /webkit/.test( userAgent ), opera: /opera/.test( userAgent ), msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) }; |
以上是jq实现的源码，通过正则来匹配userAgent判断浏览器的种类和版本.
version—浏览器版本
msie—-ie浏览器(Microsoft Internet Explorer)
mozilla-火狐浏览器
opera–opera浏览器
safari–safari或chrome浏览器（都使用webkit内核）
下面是使用方法：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
$(function() { if($.browser.msie) { alert("this is msie"+$.browser.version); } else if($.browser.safari) { alert("this is safari!"); } else if($.browser.mozilla) { alert("this is mozilla!"); } else if($.browser.opera) { alert("this is opera"); } else { alert("i don't konw!"); } }) |
如果想进一步判断IE的版本，如
|
1 2 3 4 5 6 7 |
if($.browser.msie&&($.browser.version == "7.0")){ alert("ie7"); } if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){ alert("ie6"); } |
如果不想使用jquery低版本，而又想使用jQ的浏览器判断，这可怎么办呢？
- 解决方案一：如果使用的是高版本的JQ，那么可以在script中，引入以上JQ的源码，直接调用
- 解决方案二：如果你的网站不想引入那么大的JS库，那么可以对JQ的源码进行改编一下
|
1 2 3 4 5 6 7 8 9 |
修改为： var userAgent = navigator.userAgent.toLowerCase(); browser={ version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1], safari: /webkit/.test( userAgent ), opera: /opera/.test( userAgent ), msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ), mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent ) } |
调用方法和JQ的差不多，只不过把$符号取掉就行了。
早点把IE6干掉，世界更美好~
1.9以后$.browser方法取消了。没有这个了。
是的，这个是以前版本的源码，学习学习，主要就是正则了。像第一个代码的写法就是jQ插件的形式
学习了!!jq1.9之后改了方法一直没用过了!因为放弃IE了1
放弃IE6还说的过去，现在IE8还是有很大的市场的，虽然说我们都用的高级浏览器