JQUERY1.6 使用方法四 檢測瀏覽器

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