js之客户端检测

1 能力检测
判断是否有某个属性或方法，例：在低版本中的opera浏览器中，window下有个opera属性

if (window.opera) {
    alert("opera");
}

2 怪癖检测
通常是浏览器存在某种bug导致的，例：ie9-中如果对象有成员方法toString，则在在for-in中不会被遍历到
这种检测可能会因为bug在高版本中被修复而失效

var testObj = new Object();
testObj.toString = function() {
    return "testObje";
};
for (var p in testObj) {
    if (p == "toString") {
        alert("这是非ie浏览器");
    }
}

3 userAgent检测
这是最后使用的方法，通过navigator.userAgent可以检测出浏览器的大部分信息
但由于浏览器的userAgent也不是固定不变的，所以这个方法也不是最安全的
例：opera在16-版本前使用引擎为Presto，后面使用AppleWebKit

function TestNavigator() {
    var ua = navigator.userAgent;
    var engine = {
        ie: false,
        firefox: false,
        safari: false,
        chrome:false,
        opera: false,
        ver: ""
    };
    if (window.opera) {
        engine.opera = true;
        engine.ver = window.opera.version();
    } else if (ua.indexOf("AppleWebKit") != -1) {
        if (/OPR\/(\S+)/.test(ua)) {
            engine.opera = true;
            engine.ver = RegExp["$1"];
        } else if(/Chrome\/(\S+)/.test(ua)) {
            engine.chrome = true;
            engine.ver = RegExp["$1"];
        } else if (/Version\/(\S+)/.test(ua)) {
            engine.safari = true;
            engine.ver = RegExp["$1"];
        }
    } else if(/Firefox\/(\S+)/.test(ua)) {
        engine.firefox = true;
        engine.ver = RegExp["$1"];
    } else if (/MSIE ([^;])/.test(ua)) {
        engine.ie = true;
        engine.ver = RegExp["$1"];
    }
    return engine;
}

4 使用browserdetect.js等js插件来判断，支持比较完善