说说 JavaScript 对浏览器的怪癖检测

怪癖检测指的是识别浏览器的特殊行为，就是浏览器的缺陷行为。通常是运行一段代码来确定某个特性不能正常工作。

在 IE8以及更早的版本中存在着这样一个 bug：如果某个实例属性与标记为 [[DontEnum]] 的某个原型属性同名，那么这个实例属性不会出现在 for-in 循环中，因此可以这样检测：

//IE8 及早期版本，会把某个与原型属性同名的属性，排除在 for-in 循环外
var hasDontEnumQuirk = function () {
    var o = {
        toString: function () {

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

console.log(hasDontEnumQuirk);

Safari3 之前的版本会枚举被隐藏的属性，我们可以这样检测：

var hasEnumShadowsQuirk = function () {
    var o = {
        toString: function () {

        }
    };
    var count = 0;
    for (var prop in o) {
        if (prop == "toString") {
            count++;
        }
    }

    return (count > 1);//2
}();

console.log(hasEnumShadowsQuirk);

总的来说，怪癖都是个别的浏览器所独有的，都称为 bug。因此建议仅检测那些对应用有直接影响的怪癖，而且要在脚本的开头，这样可以尽早发现并解决问题。