DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQUERY1.6 使用方法四 檢測浏覽器
JQUERY1.6 使用方法四 檢測浏覽器
編輯:JQuery特效代碼     
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;//chrome\safari\opera\msie\mozilla ,比如我們要在opera浏覽器下執行特定操作的時候,可以通過$.browser.opera來判斷是不是opera浏覽器(true,false)

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


if ( jQuery.browser.webkit ) {
jQuery.browser.safari = true;//因為safari是使用AppleWebKit引擎,由於和chrome都有safari,所以在做另外處理
}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved