摘要:在可能的情況下,要盡量使用進行能力檢測。在瀏覽器環境下測試任何對象的某的特性是否存在,要使用下面的函數怪癖檢測怪癖檢測的目標是識別瀏覽器的特殊性為,怪癖實際上是瀏覽器實現中存在的。用戶代理檢測通過檢測用戶代理字符串來識別瀏覽器。
1、能力檢測
能力檢測的目標不是識別特定的瀏覽器,而是識別瀏覽器的能力。在可能的情況下,要盡量使用typeof進行能力檢測。在瀏覽器環境下測試任何對象的某的特性是否存在,要使用下面的函數:
function isHostMethod(object,property) { var t = typeof object[property]; return t=="function" || (!!(t=="object" && object[[property]])) || t=="unknown"; } result = isHostMethod(xhr,"open"); //true result = isHostMethod(xhr,"foo"); //false2、怪癖檢測
怪癖檢測的目標是識別瀏覽器的特殊性為,怪癖實際上是瀏覽器實現中存在的bug。
3、用戶代理檢測通過檢測用戶代理字符串來識別瀏覽器。用戶代理字符串中包含大量與瀏覽器有關的信息,包括瀏覽器、平臺、操作系統及瀏覽器版本。
(1)識別呈現引擎
(2)識別瀏覽器
(3)識別平臺
(4)識別Winidows操作系統
(5)識別移動設備
(6)識別游戲系統
完整代碼如下:
var client = function(){ //呈現引擎 var engine = { ie: 0, gecko: 0, webkit: 0, khtml: 0, opera: 0, //完整的版本號 ver: null }; //瀏覽器 var browser = { //主要瀏覽器 ie: 0, firefox: 0, safari: 0, konq: 0, opera: 0, chrome: 0, //具體版本號 ver: null }; //平臺、設備和操作系統 var system = { win: false, mac: false, x11: false, //移動設備 iphone: false, ipod: false, ipad: false, ios: false, android: false, nokiaN: false, winMobile: false, //游戲系統 wii: false, ps: false }; //檢測呈現引擎和瀏覽器 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) || /Konqueror/([^;]+)/.test(ua)){ engine.ver = browser.ver = RegExp["$1"]; engine.khtml = browser.konq = parseFloat(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 = parseFloat(browser.ver); } } else if (/MSIE ([^;]+)/.test(ua)){ engine.ver = browser.ver = RegExp["$1"]; engine.ie = browser.ie = parseFloat(engine.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 操作系統 if (system.win){ if (/Win(?:dows )?([^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; case "6.1": system.win = "7"; break; default: system.win = "NT"; break; } } else if (RegExp["$1"] == "9x"){ system.win = "ME"; } else { system.win = RegExp["$1"]; } } } //移動設備 system.iphone = ua.indexOf("iPhone") > -1; system.ipod = ua.indexOf("iPod") > -1; system.ipad = ua.indexOf("iPad") > -1; system.nokiaN = ua.indexOf("NokiaN") > -1; //windows mobile if (system.win == "CE"){ system.winMobile = system.win; } else if (system.win == "Ph"){ if(/Windows Phone OS (d+.d+)/.test(ua)){; system.win = "Phone"; system.winMobile = parseFloat(RegExp["$1"]); } } //檢測iOS版本 if (system.mac && ua.indexOf("Mobile") > -1){ if (/CPU (?:iPhone )?OS (d+_d+)/.test(ua)){ system.ios = parseFloat(RegExp.$1.replace("_", ".")); } else { system.ios = 2; //不能真正檢測出來,所以只能猜測 } } //檢測Android版本 if (/Android (d+.d+)/.test(ua)){ system.android = parseFloat(RegExp.$1); } //游戲系統 system.wii = ua.indexOf("Wii") > -1; system.ps = /playstation/i.test(ua); //返回這些對象 return { engine: engine, browser: browser, system: system }; }();
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/106000.html
摘要:貢獻者飛龍版本最近總是有人問我,把這些資料看完一遍要用多長時間,如果你一本書一本書看的話,的確要用很長時間。為了方便大家,我就把每本書的章節拆開,再按照知識點合并,手動整理了這個知識樹。 Special Sponsors showImg(https://segmentfault.com/img/remote/1460000018907426?w=1760&h=200); 貢獻者:飛龍版...
摘要:軟件評測師教程閱讀持續更新。。。。單元測試又稱模塊測試,是針對軟件設計的最小單位程序模塊進行正確性檢驗的測試工作其目的在于檢查每個程序單元能否正確實現詳細設計說明中的模塊功能性能接口和設計約束等要求,發現各模塊內部可能存在的各種錯誤。 軟件評測師教程閱讀持續更新。。。。 目錄大綱閱讀時間完成...
摘要:用戶代理檢測用戶代理檢測是爭議最大的客戶端檢測技術。第二個要檢測是。由于實際的版本號可能會包含數字小數點和字母,所以捕獲組中使用了表示非空格的特殊字符。版本號不在后面,而是在后面。除了知道設備,最好還能知道的版本號。 檢測Web客戶端的手段很多,各有利弊,但不到萬不得已就不要使用客戶端檢測。只要能找到更通用的方法,就應該優先采用更通用的方法。一言蔽之,先設計最通用的方案,然后再使用特定...
showImg(https://segmentfault.com/img/bVbvBAC?w=1534&h=912); var EventUtil = { addHandler: function(element, type, handler){ if (element.addEventListener){ element.addEventList...
摘要:函數接收三個參數上下文節點表達式和可選的命名空間對象。命名空間對象應該是下面這種字面量的形式。使用樣式表轉換文檔跨瀏覽器使用這個函數接收兩個參數要執行轉換的上下文節點和文檔對象。 showImg(https://segmentfault.com/img/bVbvHVd?w=962&h=496); 本章主要講解了以下四個問題: 1、將XML解析為DOM文檔 跨瀏覽器把XML解析為DOM文...
閱讀 2972·2021-09-22 15:18
閱讀 3395·2019-08-30 15:54
閱讀 3275·2019-08-30 15:53
閱讀 589·2019-08-30 14:12
閱讀 815·2019-08-29 17:01
閱讀 2199·2019-08-29 14:04
閱讀 1379·2019-08-29 13:09
閱讀 862·2019-08-26 17:40