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