web开发的理想状态之一是浏览器支持一组最常用的功能，但是在现实情况下，浏览器间的差异非常大，因此，为了兼容大部分的了浏览器，开发人员首先需要设计最通用的方案，然后再使用客户端检测的技术增强该方案。客户端检测技术包括能力检测、怪癖检测、用户代理检测，下面我们一一介绍。

一、能力检测

　　 能力检测的目的不是为了识别浏览器，而是识别浏览器的能力；通过检测浏览器具有某种能力后，就可以给出对应的解决方案。如下例所示，IE5以及更早期的IE，不支持getElementById的方法来获取ID，但是支持document.all的类似方法。为了确保代码能在IE5中运行，应该对该功能进行检测。

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 retrive this element.");
    }
}

二、怪癖检测

　　与能力检测不同，怪癖检测是要确定浏览器存在什么缺陷，以确定某一特性不能正常工作。例如，IE8以及更高版本存在一个怪癖：如果某个实例属性与被标记为[[DontEnum]]的某个原型属性同名，那么这个实例属性不会出现在for in循环里。可以用如下代码来检测浏览器是否存在这个怪癖。

var hasDontEnumQuirk = function(){
    var o = {toString: function(){}};

    for(var i in o){
        if(i ==  "toString"){
            return false;
        }
    }
    return true;
}();

　　另一个需要经常检测的怪癖是safari3之前的版本会枚举被隐藏的属性，可以通过以下代码检测，如果存在这个bug，就会返回两个toString的实例：

var hasShadowEnumQuirk = function(){
    var o = {toString: function(){}},
        count = 0;

    for(var i in o){
        if(i ==  "toString"){
            count++;
        }
    }
     return (count > 1);
}();

　　如果浏览器存在这个bug，那么就会返回两个toString实例，count的值就为2。

三、用户代理检测

　　客户端使用的检测技术就叫做用户代理检测。每一次发送http请求，用户代理字符串是作为响应首部发送的，在服务端，通过检测用户代理字符串来确定用户使用的浏览器是什么；而在客户端，通常是能力检测和怪癖检测都不能准确判断时，才使用户代理检测，因为这种方式对用户代理字符的依赖性很强。用户代理检测首先需要解决电子欺骗问题。所谓电子欺骗，就是指的浏览器通过在自己的用户代理字符串中加入一些错误或误导性的信息，来达到欺骗服务器的目的。为什么会出现电子欺骗呢？原来在web的发展过程中，浏览器在市场所占份额在不断变化，许多服务器在提供网页之前，都要专门检测浏览器的类型。如果不能通过这项检测，则用户就打不开网页。因此，新诞生的浏览器，很多都将自己的用户代理字符串加入了当时比较流行的浏览器的用户代理字符。