瀏覽器ua統計 · 卓健前端技術手冊

## 前言瀏覽器ua常識作為一名前端是必備的，因為有些ua是有特殊問題的，而今天分享的主要是通過js的方式來判斷ua，以及根據ua來做一些具體的處理。那么一般情況下，我們會針對那些ua特殊處理呢？特殊的具體：ie，手機端微信，app環境，谷歌環境，sari，opera環境，特殊情況下，如果我們的代碼or產品對瀏覽器的版本有要求也需要進行嚴謹的判斷并引導用戶用正確的瀏覽器打開或者在特殊情況下，代碼or產品特殊處理。 ## js獲取瀏覽器ua `var ua =navigator.userAgent.toLowerCase();` ## 瀏覽器ua統計 | 客戶端類型 | 代碼 | | --- | --- | | 手機微信 |mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko) version/9.0 mobile/13b143 safari/601.1 wechatdevtools/0.7.0 | | pc版微信（windows） | mozilla/5.0 (windows nt 6.1; wow64) applewebkit/537.36 (khtml, like gecko) chrome/39.0.2171.95 safari/537.36 micromessenger/6.5.2.501 nettype/wifi windowswechat | | mac版safari | mozilla/5.0 (macintosh; intel mac os x 10_12_5) applewebkit/603.2.4 (khtml, like gecko) version/10.1.1 safari/603.2.4 | | safari iOS 4.33 – iPhone | User-Agent:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5 | | safari iOS 4.33 – iPod Touch | Mozilla/5.0 (iPod; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5 | | safari iOS 4.33 – iPad | Mozilla/5.0 (iPad; U; CPU OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5 | | BlackBerry | Mozilla/5.0 (BlackBerry; U; BlackBerry 9800; en) AppleWebKit/534.1+ (KHTML, like Gecko) Version/6.0.0.337 Mobile Safari/534.1+ | | UC標準| NOKIA5700/ UCWEB7.0.2.37/28/999 | | IE瀏覽器 | Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; | | 360瀏覽器（判斷字段是360se） | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; InfoPath.2; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; 360SE) | | 搜狗瀏覽器 | Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Trident/4.0; SE 2.X MetaSr 1.0; SE 2.X MetaSr 1.0; .NET CLR 2.0.50727; SE 2.X MetaSr 1.0) | | Chrome | Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_0) AppleWebKit/535.11 (KHTML, like Gecko) Chrome/17.0.963.56 Safari/535.11 | | Safari（pc） |Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 | | Safari(移動設備) | Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5 | | Firefox 判斷標準是Firefox字段| Mozilla/5.0 (Androdi; Linux armv7l; rv:5.0) Gecko/ Firefox/5.0 fennec/5.0| 備注： mac版pc端微信實際是跳轉到系統的sari,自己沒有微信端的瀏覽器。