User Agent參數

如何根據User Agent參數字符串的各個字段Mozilla/5.0/4.0-AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE 來肯定判斷客戶端使用的是什麼瀏覽器的版本及類型呢？或者使用JavaScript/js 腳原本判斷瀏覽器類型及版本。

下面給你一一解答以及給你介紹：

//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

RFC1945要求User Agent包含產品名稱和版本，註釋彷佛是可選的。

1. 不少瀏覽器的UA以Mozilla/5.0開頭，這在以前用來講明和Mozilla渲染引擎的兼容性（咱們兼容Mozilla5.0哦~你只要按照這個來作就好了哦親~~）
2. like Gecko是平臺說明，Gecko是Firefox和不少瀏覽器用的排版引擎。
3. Chrome的渲染引擎是WebKit，和Safari瀏覽器的差很少。因此彷佛就是，網站不能識別Chrome的話，沒問題，你按照Safari來作也沒事。

• 首先HTTP規範要求瀏覽器應該發送User Agent；

• 其次Netcape公司的瀏覽器Netscape Navigator 2就開始採用「Mozilla/Version [Language] (Platform; Encryption)」這種形式的字符串；

• 當微軟進入瀏覽器市場的時候，Netscape的瀏覽器佔據了絕對的市場份額，而當時的服務器又會專門去檢測這個瀏覽器，因此微軟爲了避免讓自家瀏覽器打不開網頁，就模仿了Netscape瀏覽器的User Agent

• 蘋果發佈Safari(渲染引擎是Webkit)時遇到了一樣的問題，爲了兼容就採起了和微軟同樣的策略

• Chrome的渲染引擎一樣是Webkit，發佈時採用了跟Webkit同樣的User Agent

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,因此在作另外處理}