9.2 怪癖检测

优质
小牛编辑
111浏览
2023-12-01

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

<script type="text/javascript">
var hasDontEnumQuirk = function() {var o = {toString: function() {}};for (var prop in o) {if (prop == "toString") {return false;}}return true;
} ();
</script>

运行一下
以上代码通过一个匿名函数来测试该“怪癖”,函数中创建了一个带有toString()方法的对象。在正确的ECMAScript 实现中,toString 应该在for-in 循环中作为属性返回。
另一个经常需要检测的“怪癖”是Safari 3 以前版本会枚举被隐藏的属性。可以用下面的函数来检测该“怪癖”。

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

运行一下
如果浏览器存在这个bug,那么使用for-in 循环枚举带有自定义的toString()方法的对象,就会返回两个toString 的实例。
一般来说,“怪癖”都是个别浏览器所独有的,而且通常被归为bug。在相关浏览器的新版本中,这些问题可能会也可能不会被修复。由于检测“怪癖”涉及运行代码,因此我们建议仅检测那些对你有直接影响的“怪癖”,而且最好在脚本一开始就执行此类检测,以便尽早解决问题。