快捷導(dǎo)航

jquery判斷瀏覽器類(lèi)型的代碼

更新時(shí)間：2012年11月05日 17:10:03 作者：

用jquery來(lái)判斷瀏覽器類(lèi)型，如果只是僅僅為了判斷瀏覽器的類(lèi)型而使用該方法,那么不建議使用，只是在你已經(jīng)使用了jquery才建議使用，因?yàn)闆](méi)必要因?yàn)檫@么小的一個(gè)功能就加載那么大的類(lèi)庫(kù)吧

Jquery中利用navigator.userAgent.indexOf來(lái)判斷瀏覽器類(lèi)型，并進(jìn)行了一下處理，建議學(xué)習(xí)Jquery的朋友學(xué)習(xí)下，了解一下思路。

主要使用的方法:$.browser.['瀏覽器關(guān)鍵字']

復(fù)制代碼代碼如下:

 
$(function() { 
if($.browser.msie) { 
alert("this is msie"); 
} 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!"); 
} 

我們看下jQuery的源碼:

復(fù)制代碼代碼如下:

 
var userAgent = navigator.userAgent.toLowerCase(); 
// Figure out what browser is being used 
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 ) 
}; 

Jquery 使用的是通過(guò)正則來(lái)匹配userAgent判斷瀏覽器的種類(lèi)和版本.
version---瀏覽器版本
msie----ie瀏覽器(Microsoft Internet Explorer)
mozilla-火狐瀏覽器
opera--opera瀏覽器

如果我們要來(lái)判斷當(dāng)前瀏覽器是否是IE6應(yīng)該如何來(lái)判斷？

復(fù)制代碼代碼如下:

 
if($.browser.msie&&($.browser.version == "6.0")&&!$.support.style){ 
alert("ie6"); 
} 

同樣Jquery判斷瀏覽器是否為IE7

復(fù)制代碼代碼如下:

 
if($.browser.msie&&($.browser.version == "7.0")){ 
alert("ie7"); 
} 

如果不想使用Jquery，稍為修改下代碼就可以為自己所用Js代碼：

復(fù)制代碼代碼如下:

 
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 ) 
} 

調(diào)用的時(shí)候和jquery一樣，只不過(guò)把$符號(hào)取掉就行了

如果是為了判斷IE的版本我還是推薦用IE的條件表達(dá)式來(lái)書(shū)寫(xiě)JS

復(fù)制代碼代碼如下:

 
<!--[if IE]> 
<script type="text/javascript"> 
alert("ie"); 
</script> 
<![endif]--> 
<!--[if IE 6]> 
<script type="text/javascript"> 
alert("ie6"); 
</script> 
<![endif]--> 
<!--[if IE 7]> 
<script type="text/javascript"> 
alert("ie7"); 
</script> 
<![endif]--> 