JavaScript學(xué)習(xí)筆記之檢測客戶端類型是(引擎、瀏覽器、平臺、操作系統(tǒng)、移動設(shè)備)
//取得用戶代理字符串 并全部小寫。 var ua = navigator.userAgent.toLowerCase(); document.write(ua);
在上篇文章給大家介紹了基于javascript代碼檢測訪問網(wǎng)頁的瀏覽器呈現(xiàn)引擎、平臺、Windows操作系統(tǒng)、移動設(shè)備和游戲系統(tǒng)
,感興趣的朋友可以點(diǎn)擊全文了解詳情。
1、識別呈現(xiàn)引擎
引擎主要包含四種:IE、Gecko、WebKit、Opera
2、識別瀏覽器
主流瀏覽器包含四種:IE、Chrome、Firefox、Opera
3、識別平臺
主流平臺包含三類:Windows、Mac、Unix
4、識別Windows操作系統(tǒng)
Windows操作系統(tǒng)包含:Windows 98、Window NT、Window XP、Window Vista、Windows 7…
5、識別移動設(shè)備
主流的移動設(shè)備包含三類:iPhone、iPod、Anroid、Nokia
6、識別游戲系統(tǒng)。
主流的游戲系統(tǒng)包含兩類:Wii、PS3。
網(wǎng)上發(fā)現(xiàn)的比較簡單的區(qū)分代碼:
JavaScript
var ua = navigator.userAgent.toLowerCase(); var isStrict = document.compatMode == "CSS1Compat" isOpera = ua.indexOf("opera") > -1 isChrome = ua.indexOf("chrome") > -1 isSafari = !isChrome && (/webkit|khtml/).test(ua) isSafari3 = isSafari && ua.indexOf('webkit/5') != -1 isIE = !isOpera && ua.indexOf("msie") > -1 isIE7 = !isOpera && ua.indexOf("msie 7") > -1 isIE8 = !isOpera && ua.indexOf("msie 8") > -1 isGecko = !isSafari && !isChrome && ua.indexOf("gecko") > -1 isGecko3 = isGecko && ua.indexOf("rv:1.9") > -1 isBorderBox = isIE && !isStrict isWin7 = ua.indexOf("nt 6.1") > -1 isVista = ua.indexOf("nt 6.0") > -1 isWin2003 = ua.indexOf("nt 5.2") > -1 isWinXp = ua.indexOf("nt 5.1") > -1 isWin2000 = ua.indexOf("nt 5.0") > -1 isWindows = (ua.indexOf("windows") != -1 || ua.indexOf("win32") != -1) isMac = (ua.indexOf("macintosh") != -1 || ua.indexOf("mac os x") != -1) isAir = (ua.indexOf("adobeair") != -1) isLinux = (ua.indexOf("linux") != -1) var sys = ""; var broser = ""; if(isIE){ broser = "IE 6"; }else if(isIE7){ broser = "IE 7"; }else if(isIE8){ broser = "IE 8"; }else if(isOpera){ broser = "Opera"; }else if(isChrome){ broser = "Chrome"; }else if(isSafari){ broser = "Safari"; }else if(isSafari3){ broser = "Safari3"; }else{ broser = "Unknow"; } if(isWin7){ sys = "Windows 7"; }else if(isVista){ sys = "Vista"; }else if(isWinXp){ sys = "Windows xp"; }else if(isWin2003){ sys = "Windows 2003"; }else if(isWin2000){ sys = "Windows 2000"; }else if(isWindows){ sys = "Windows"; }else if(isMac){ sys = "Macintosh"; }else if(isAir){ sys = "Adobeair"; }else if(isLinux){ sys = "Linux"; }else{ sys = "Unknow"; } document.write(ua); alert(sys + ":" + broser);
比較全面的區(qū)分代碼:
JavaScript
var client = function(){ //呈現(xiàn)引擎 var engine = { ie : 0, gecko : 0, webkit : 0, khtml : 0, opera : 0, //完整的版本號 ver : null }; //瀏覽器 var browser = { //主要瀏覽器 ie : 0, firefox : 0, konq : 0, opera : 0, chrome : 0, safari : 0, //具體的版本號 ver : null }; //平臺、設(shè)備和操作系統(tǒng) var system ={ win : false, mac : false, xll : false, //移動設(shè)備 iphone : false, ipod : false, nokiaN : false, winMobile : false, macMobile : false, //游戲設(shè)備 wii : false, ps : false }; //檢測呈現(xiàn)引擎和瀏覽器 var ua = navigator.userAgent; if (window.opera){ engine.ver = browser.ver = window.opera.version(); engine.opera = browser.opera = parseFloat(engine.ver); } else if (/AppleWebKit\/(\S+)/.test(ua)){ engine.ver = RegExp["$1"]; engine.webkit = parseFloat(engine.ver); //確定是Chrome還是Safari if (/Chrome\/(\S+)/.test(ua)){ browser.ver = RegExp["$1"]; browser.chrome = parseFloat(browser.ver); } else if (/Version\/(\S+)/.test(ua)){ browser.ver = RegExp["$1"]; browser.safari = parseFloat(browser.ver); } else { //近似地確定版本號 var safariVersion = 1; if(engine.webkit < 100){ safariVersion = 1; } else if (engine.webkit < 312){ safariVersion = 1.2; } else if (engine.webkit < 412){ safariVersion = 1.3; } else { safariVersion = 2; } browser.safari = browser.ver = safariVersion; } } else if (/KHTML\/(\S+)/.test(ua) || /Konquersor\/([^;]+)/.test(ua)){ engine.ver = browser.ver = RegExp["$1"]; engine.khtml = browser.kong = paresFloat(engine.ver); } else if (/rv:([^\)]+)\) Gecko\/\d{8}/.test(ua)){ engine.ver = RegExp["$1"] engine.gecko = parseFloat(engine.ver); //確定是不是Firefox if (/Firefox\/(\S+)/.test(ua)){ browser.ver = RegExp["$1"]; browser.firefox = pareseFloat(browser.ver); } } else if(/MSIE([^;]+)/.test(ua)){ browser.ver = RegExp["$1"]; browser.firefox = parseFloat(browser.ver); } //檢測瀏覽器 browser.ie = engine.ie; browser.opera = engine.opera; //檢測平臺 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); //檢測Windows操作系統(tǒng) if (system.win){ if (/Win(?:doms)?([^do]{2})\s?(\d+\.\d+)?/.test(ua)){ if (RegExp["$1"] == "NT"){ switch(RegExp["$2"]){ case "5.0": system.win = "2000"; break; case "5.1": system.win = "XP"; break; case "6.0": system.win = "Vista"; break; default : system.win = "NT"; break; } } else if (RegExp["$1"]){ system.win = "ME"; } else { system.win = RegExp["$1"]; } } } //移動設(shè)備 system.iphone = ua.indexOf("iPhone") > -1; system.ipod = ua.indexOf("iPod") > -1; system.nokiaN = ua.indexOf("NokiaN") > -1; system.winMobile = (system.win == "CE"); system.macMobile = (system.iphone || system.ipod); //游戲系統(tǒng) system.wii = ua.indexOf("Wii") > -1; system.ps = /playstation/i.test(ua); //返回這些對象 return { engine: engine, browser: browser, system: system }; }()
以上所述是小編給大家介紹的JavaScript學(xué)習(xí)筆記之檢測客戶端類型是(引擎、瀏覽器、平臺、操作系統(tǒng)、移動設(shè)備)的全部敘述,希望大家喜歡。
- JavaScript類型檢測的方法實(shí)例教程
- JS數(shù)組索引檢測中的數(shù)據(jù)類型問題詳解
- 詳解JavaScript中的數(shù)據(jù)類型,以及檢測數(shù)據(jù)類型的方法
- javascript中的數(shù)據(jù)類型檢測方法詳解
- js數(shù)據(jù)類型檢測總結(jié)
- js學(xué)習(xí)總結(jié)_基于數(shù)據(jù)類型檢測的四種方式(必看)
- JS檢測數(shù)組類型的方法小結(jié)
- 在javaScript中檢測數(shù)據(jù)類型的幾種方式小結(jié)
- javascript基本數(shù)據(jù)類型及類型檢測常用方法小結(jié)
- JS中檢測數(shù)據(jù)類型的幾種方式及優(yōu)缺點(diǎn)小結(jié)
- JS正則表達(dá)式匹配檢測各種數(shù)值類型(數(shù)字驗(yàn)證)
- 如何檢測JavaScript的各種類型
- JavaScript類型檢測之typeof 和 instanceof 的缺陷與優(yōu)化
- Javascript實(shí)現(xiàn)檢測客戶端類型代碼封包
- JavaScript 檢測文件的類型的方法
相關(guān)文章
微信小程序?qū)崿F(xiàn)猜數(shù)字小游戲的實(shí)戰(zhàn)過程
一起猜數(shù)字是微信一款休閑類小游戲,下面這篇文章主要給大家介紹了關(guān)于微信小程序?qū)崿F(xiàn)猜數(shù)字小游戲的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-12-12淺談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題
下面小編就為大家?guī)硪黄獪\談js中startsWith 函數(shù)不能在任何瀏覽器兼容的問題。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03JavaScript隊(duì)列數(shù)據(jù)結(jié)構(gòu)詳解
這篇文章主要介紹了JavaScript隊(duì)列數(shù)據(jù)結(jié)構(gòu)詳解,隊(duì)列是一種先進(jìn)先出的數(shù)據(jù)結(jié)構(gòu),隊(duì)列中允許兩種基礎(chǔ)操作,也就是插入和刪除,也就是入隊(duì)和出隊(duì)2022-07-07ztree獲取當(dāng)前選中節(jié)點(diǎn)子節(jié)點(diǎn)id集合的方法
這篇文章主要介紹了ztree獲取當(dāng)前選中節(jié)點(diǎn)子節(jié)點(diǎn)id集合的方法,實(shí)例分析了ztree的方法transformToArray使用技巧,需要的朋友可以參考下2015-02-02JS+DIV+CSS實(shí)現(xiàn)的經(jīng)典標(biāo)簽切換效果代碼
這篇文章主要介紹了JS+DIV+CSS實(shí)現(xiàn)的經(jīng)典標(biāo)簽切換效果代碼,涉及JavaScript基于鼠標(biāo)事件針對頁面元素動態(tài)變換的實(shí)現(xiàn)技巧,頁面美觀實(shí)用,需要的朋友可以參考下2015-09-09利用JavaScript腳本實(shí)現(xiàn)滾屏效果的方法
這篇文章主要介紹了利用JavaScript腳本實(shí)現(xiàn)滾屏效果的方法,即一個公告欄顯示般的效果,需要的朋友可以參考下2015-07-07