用戶代理字符串userAgent可實(shí)現(xiàn)的四個(gè)識(shí)別
定義
用戶代理字符串:navigator.userAgent
HTTP規(guī)范明確規(guī)定,瀏覽器應(yīng)該發(fā)送簡短的用戶代理字符串,指明瀏覽器的名稱和版本號(hào)。但現(xiàn)實(shí)中卻沒有這么簡單。
發(fā)展歷史
【1】1993年美國NCSA國家超級計(jì)算機(jī)中心發(fā)布了世界上第一款web瀏覽器Mosaic,該瀏覽器的用戶代理字符串為Mosaic/0.9
【2】Netscape公司進(jìn)入瀏覽器開發(fā)領(lǐng)域,將自己產(chǎn)品的代號(hào)定名了Mozilla(Mosaic Killer)的簡寫,用戶代理字符串格式為Mozilla/版本號(hào) [語言] (平臺(tái);加密類型)
【3】IE發(fā)布的第一款贏得用戶廣泛認(rèn)可的web瀏覽器IE3,當(dāng)時(shí)Netscap已經(jīng)占據(jù)了絕對市場份額,為了讓服務(wù)器能夠檢測到IE,IE將用戶代理字符串修改成兼容Netscape的形式:Mozilla/2.0(compatible;MSIE版本號(hào);操作系統(tǒng))
【4】各瀏覽器陸續(xù)出現(xiàn),用戶代理字符串的顯示格式也越來越類似……
測試工具
利用各桌面瀏覽器調(diào)試工具,主要是IE調(diào)試工具及chrome的emulation手機(jī)調(diào)試工具
桌面端測試結(jié)果
【1】IE
[1.1]IE3
Mozilla/2.0 (compatible; MSIE3.02; windows 95)
[1.2]IE6
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1)
[1.3]IE7
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0)
[1.4]IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)
[1.5]IE9
Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0)
[1.6]IE10
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)
[1.7]IE11
Mozilla/5.0 (MSIE 9.0; Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET
CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; GWX:QUALIFIED; rv:11.0) like Gecko
【2】chrome
Mozilla/5.0 (Windows NT 6.1; WOW64)G AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.93 Safari/537.36
【3】safari
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.7 Safari/534.57.2
【4】firefox
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0
【5】opera
Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36 OPR/32.0.1948.25
移動(dòng)端測試結(jié)果
【1】ipad
Mozilla/5.0 (iPad; CPU OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53
【2】iphone
Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.3 (KHTML, like Gecko) Version/8.0 Mobile/12A4345d Safari/600.1.4
【3】android
Mozilla/5.0 (Linux; Android 4.2.2; GT-I9505 Build/JDQ39) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.59 Mobile Safari/537.36
識(shí)別瀏覽器內(nèi)核
常見的內(nèi)核有Trident、Gecko和Webkit
[注意]因?yàn)門rident和Webkit的用戶代理字符串中可能會(huì)出現(xiàn) like Gecko的字眼,所以最后再測Gecko
function whichEngine(){ var ua = navigator.userAgent; //Trident內(nèi)核 if(/Trident/.test(ua)){ return "Trident"; } //Webkit內(nèi)核 if(/WebKit/.test(ua)){ return "WebKit"; } //Gecko內(nèi)核 if(/Gecko/.test(ua)){ return "Gecko"; } } console.log(whichEngine());//IE11下顯示"Trident"
識(shí)別瀏覽器版本
【1】IE
IE3-IE10都可以通過MSIE的版本號(hào)來判斷,因?yàn)橛械腎E11并不出現(xiàn)MSIE字符,且safari中也有rv字段,所以IE11需要通過rv后的版本號(hào)和Trident來配合判斷
function isIE(){ var ua = navigator.userAgent; //檢測Trident引擎,IE8+ if(/Trident/.test(ua)){ //IE11+ if(/rv:(\d+)/.test(ua)){ return RegExp["$1"]; } //IE8-IE10 if(/MSIE (\d+)/.test(ua)){ return RegExp["$1"]; } } //檢測IE標(biāo)識(shí),IE7- if(/MSIE (\d+)/.test(ua)){ return RegExp["$1"]; } } console.log(isIE());//只有IE會(huì)返回版本號(hào),其他瀏覽器都返回undefined
【2】chrome
function isChrome(){ var ua = navigator.userAgent; //先排除opera,因?yàn)閛pera只是在chrome的userAgent后加入了自己的標(biāo)識(shí) if(!/OPR/.test(ua)){ if(/Chrome\/(\S+)/.test(ua)){ return RegExp["$1"]; } } } console.log(isChrome());//只有Chrome會(huì)返回版本號(hào)45.0.2454.93,其他瀏覽器都返回undefined
【3】safari
function isSafari(){ var ua = navigator.userAgent; //先排除opera if(!/OPR/.test(ua)){ //檢測出chrome和safari瀏覽器 if(/Safari/.test(ua)){ //檢測出safari if(/Version\/(\S+)/.test(ua)){ return RegExp["$1"]; } } } } console.log(isSafari());//只有safari會(huì)返回版本號(hào)5.1.7,其他瀏覽器都返回undefined
【4】firefox
function isFireFox(){ if(/Firefox\/(\S+)/.test(navigator.userAgent)){ return RegExp["$1"]; } } console.log(isFireFox());//只有firefox會(huì)返回版本號(hào)40.0,其他瀏覽器都返回undefined
【5】opera
function isOpera(){ if(/OPR\/(\S+)/.test(navigator.userAgent)){ return RegExp["$1"]; } } console.log(isOpera());//只有opera會(huì)返回版本號(hào)32.0.1948.25,其他瀏覽器都返回undefined
識(shí)別操作系統(tǒng)
使用navigator.platform檢測操作系統(tǒng)更加簡單,因?yàn)槠淇赡馨ǖ闹禐椤癢in32”、“Win64”、“MacPPC”、“MacIntel”、“X11”和"Linux i686"等,且在不同瀏覽器中是一致的。
而通過navigator.userAgent可以來得到window系統(tǒng)的詳細(xì)信息。
windows版本 -> 內(nèi)核版本
Windows XP -> 5.1
Windows Vista -> 6.0
Windows 7 -> 6.1
Windows 8 -> 6.2
Windows 8.1 -> 6.3
Windows 10技術(shù)預(yù)覽版 -> 6.4
Windows 10(Build 9880+) -> 10
function whichSyStem(){ var ua = navigator.userAgent; var pf = navigator.platform; if(/Mac/.test(pf)){ return "Mac"; } if(/X11/.test(pf) || /Linux/.test(pf)){ return "Linux"; } if(/Win/.test(pf)){ if(/Windows NT (\d+\.\d+)/.test(ua)){ switch(RegExp["$1"]){ case "5.0": return "Windows 2000"; case "5.1": return "Windows XP"; case "6.0": return "Windows Vista"; case "6.1": return "Windows 7"; case "6.2": return "Windows 8"; case "6.3": return "Windows 8.1"; case "6.4": case "10": return "Windows 10"; } } } } console.log(whichSyStem())//Windows 7
識(shí)別移動(dòng)端設(shè)備
function whichMobile(){ var ua = navigator.userAgent; if(/iPhone OS (\d+_\d+)/.test(ua)){ return 'iPhone Mac' + RegExp.$1.replace("_","."); } if(/iPad.+OS (\d+_\d+)/.test(ua)){ return 'iPad Mac' + RegExp.$1.replace("_",".") } if(/Android (\d+\.\d+)/.test(ua)){ return 'Android' + RegExp["$1"]; } } console.log(whichMobile())//Android 5.1
相關(guān)文章
bootstrap模態(tài)框彈出和隱藏,動(dòng)態(tài)改變中間內(nèi)容的實(shí)例
今天小編就為大家分享一篇bootstrap模態(tài)框彈出和隱藏,動(dòng)態(tài)改變中間內(nèi)容的實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08微信小程序scroll-view錨點(diǎn)鏈接滾動(dòng)跳轉(zhuǎn)功能
這篇文章主要介紹了微信小程序scroll-view錨點(diǎn)鏈接滾動(dòng)跳轉(zhuǎn)功能,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12JavaScript中執(zhí)行上下文和執(zhí)行棧
這篇文章主要介紹了JavaScript中執(zhí)行上下文和執(zhí)行棧,執(zhí)行上下文是評估和執(zhí)行JavaScript代碼的環(huán)境的抽象概念,更多相關(guān)介紹,感興趣的朋友可以參考一下2022-09-09坐標(biāo)軸刻度取值算法之源于echarts的y軸刻度計(jì)算需求
坐標(biāo)軸刻度作為直角坐標(biāo)系中重要的組成部分,我們需要學(xué)會(huì)合理的設(shè)置坐標(biāo)軸的刻度,下面這篇文章主要給大家介紹了關(guān)于坐標(biāo)軸刻度取值算法之源于echarts的y軸刻度計(jì)算需求的相關(guān)資料,需要的朋友可以參考下2022-06-06