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

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

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

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");
}
}

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

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

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

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

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

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

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

var client = function () {
//呈現(xiàn)引擎
    var engine = {
        ie: 0,
        gecko: 0,
        webkit: 0,
        khtml: 0,
        opera: 0,
//完整的版本號(hào)
        ver: null
    };
//瀏覽器
    var browser = {
//主要瀏覽器
        ie: 0,
        firefox: 0,
        safari: 0,
        konq: 0,
        opera: 0,
        chrome: 0,
//具體的版本號(hào)
        ver: null
    };
//平臺(tái)、設(shè)備和操作系統(tǒng)
    var system = {
        win: false,
        mac: false,
        x11: false,
//移動(dòng)設(shè)備
        iphone: false,
        ipod: false,
        ipad: false,
        ios: false,
        android: false,
        nokiaN: false,
        winMobile: false,
//游戲系統(tǒng)
        wii: false,
        ps: false
    };
//檢測(cè)呈現(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 {
//近似地確定版本號(hào)
            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);
    }
//檢測(cè)瀏覽器
    browser.ie = engine.ie;
    browser.opera = engine.opera;
//檢測(cè)平臺(tái)
    var p = navigator.platform;
    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//檢測(cè)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"];
            }
        }
    }
//移動(dòng)設(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"]);
        }
    }
//檢測(cè)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; //不能真正檢測(cè)出來(lái)，所以只能猜測(cè)
        }
    }
//檢測(cè)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);
//返回這些對(duì)象
    return {
        engine: engine,
        browser: browser,
        system: system
    };
}();