首页 » JavaScript » 浏览器怪癖检测

浏览器怪癖检测

与能力检测类似,怪癖检测的目标是识别浏览器的特殊行为。但与能力检测确认浏览器支持什么能力不同,怪癖检测是想要知道浏览器存在什么缺陷(“怪癖”也就是bug)。这个通常需要运行一小段代码,以确定某一特性不能正常工作。例如,IE中存在一个bug,即如果某个实例属性与标记为[[DontEnum]]的某个原型属性同名,那么该实例属性将不会出现在for-in循环当中。可以使用如下代码来检测这种“怪癖”:

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

以上代码通过一个匿名函数来测试该“怪癖”,函数中,创建了一个带有toString()方法的对象。在正确的ECMAScript实现中,toString应该在for-in 循环中作为属性返回。

另一个经常需要检测的“怪癖”是Safari3.0以前版本会枚举被隐藏的属性。可以使用下面的函数来检测该“怪癖”:

var hasEnumShadowsQuirk = function () {
        var o = {
            toString: function () {}
        };
        var count = 0;
        for (var prop in 0) {
            if (prop == "toString") {
                count++;
            }
        }
        return (count > 1);
    }();

如果浏览器存在这个bug,那么使用for-in循环枚举带有自定义的toString()方法的对象,就会返回两个toString的实例。

一般来说,“怪癖”都是个别浏览器所独有的,而且通常被归为bug。在相关浏览器版本中,这些问题可能会也可能不会被修复。由于检测“怪癖”实际运行代码,因此我们建议仅检测那些对你有直接影响的“怪癖”,而且最好在脚本一开始就执行此类检测,以便尽早解决问题。

此文章发表在 JavaScript. 将 固定链接 加入收藏.