摘要：面對普遍存在的不一致性問題，開發(fā)人員要么采取遷就各方的最小公分母策略，要么也是更常見的就得利用各種客戶端檢測方法，來突破或者規(guī)避種種局限性。能力檢測能力檢測的目標(biāo)不是識別特定的瀏覽器，而是識別瀏覽器的能力。

瀏覽器提供商雖然在實(shí)現(xiàn)公共接口方面投入了很多精力，但結(jié)果仍然是每一種瀏覽器都有各自
的長處，也都有各自的缺點(diǎn)。即使是那些跨平臺的瀏覽器，雖然從技術(shù)上看版本相同，也照
樣存在不一致性問題。面對普遍存在的不一致性問題，開發(fā)人員要么采取遷就各方的“最小公分母”策
略，要么（也是更常見的）就得利用各種客戶端檢測方法，來突破或者規(guī)避種種局限性。

能力檢測的目標(biāo)不是識別特定的瀏覽器，而是識別瀏覽器的能力。采用這種方式不必顧及特定的瀏覽器如何如何，只要確定瀏覽器支持特定的能力，就可以給出解決方案。

function getElement(id){
    if(document.getElementById){
    return document.getElementById(id);
}
else if(document.all){
    return document.all[id];
}
else{
    throw new Error("No way to retieve element");
}
}

這里通過能力檢測獲取元素,首先檢測document對象是否有getElementById方法,然后檢測是否有all對象,如果上述都沒檢測到則拋出錯誤.
能力檢測有兩點(diǎn)需要注意

優(yōu)先檢測達(dá)到目的最常用的特性

檢測實(shí)際用到的屬性

當(dāng)然,更靠譜的檢測時使用typeof來檢測其特性的類型,而非僅僅通過類型轉(zhuǎn)換來判斷是否有這個屬性.

怪癖檢測（quirks detection）的目標(biāo)是識別瀏覽器的特殊行為。但與能力檢測確認(rèn)瀏覽器支持什么能力不同，怪癖檢測是想要知道瀏覽器存在什么缺陷（“怪癖”也就是bug）
例如，IE8 及更早版本中存在一個bug，即如果某個實(shí)例屬性與[[Enumerable]]標(biāo)記為false 的某個原型屬性同名，那么該實(shí)例屬性將不會出現(xiàn)在fon-in 循環(huán)當(dāng)中。可以使用如下代碼來檢測這種“怪癖”。

var hasDontEnumQuirk = function (){
    var o = {toString:function(){}},prop;
    for(prop in o){
        if(prop == "toString"){
            return false;
        }
        return true;
    }
}

用戶代理檢測一般被當(dāng)作一種萬不得已才用的做法，其優(yōu)先級排在能力檢測和（或）怪癖檢測之后,通過以下代碼檢測客戶端引擎,瀏覽器,系統(tǒng)

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,
        safari: 0,
        konq: 0,
        opera: 0,
        chrome: 0,
//具體的版本號
        ver: null
    };
//平臺、設(shè)備和操作系統(tǒng)
    var system = {
        win: false,
        mac: false,
        x11: false,
//移動設(shè)備
        iphone: false,
        ipod: false,
        ipad: false,
        ios: false,
        android: false,
        nokiaN: false,
        winMobile: false,
//游戲系統(tǒng)
        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) || /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 操作系統(tǒng)
    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"];
            }
        }
    }
//移動設(shè)備
    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);
    }
//游戲系統(tǒng)
    system.wii = ua.indexOf("Wii") > -1;
    system.ps = /playstation/i.test(ua);
//返回這些對象
    return {
        engine: engine,
        browser: browser,
        system: system
    };
}();