根據User Agent參數的各個字段Mozilla/5.0/4.0-AppleWebKit/Chrome/Safari/Firefox/Opera/MSIE來確定/判斷客戶端使用什么瀏覽器


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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM