全面的跨浏览器列表的Javascript功能支持

Question

我回到了跨浏览器兼容性的狂野世界，并且在浏览器之间的Javascript兼容性方面遇到了一些棘手的问题。

例如，我在CSS工作表中使用了很多样式继承，所以如果我需要编辑元素的样式，我必须使用window.getComputedStyle(**element**, [pseudoElement]).getPropertyValue(**style**)

使用这一行代码要求我知道Firefox v＆lt; 4需要一个伪元素对象，而其他浏览器认为它是一个可选参数。此外，Firefox和Opera要求样式适合CSS属性名称，例如font-size，其中IE需要Javscript语法fontSize中的名称，因为它解释了CSS语法作为减号。

这个例子用了几个小时来弄清楚为什么早期版本的IE使用脚本的默认大小而不是元素的计算大小来实现我的text-resize脚本。 Mozilla的网站是一个很好的参考，但仅限于他们的浏览器。是否有一个很好的综合跨浏览器功能列表？

Answer 1

我认为你不会找到一个单独列出它们的网站 - 这里有太多的不兼容性和太多的浏览器需要考虑。可以在Quirksmode compatibility tables找到一些帮助，还有Thomas Lahn的ECMAScript support matrix。

除此之外，您可以浏览各种javscript库源代码并查找注释，但请谨慎使用，因为评论通常不明智或措辞不当 - 它们实际上并不是浏览器不兼容的资源。

Answer 2

Mozilla的MDN确实在每个页面的底部都有关于对象/功能的浏览器支持的通知。但是，它并不是一个详尽的来源。

因此，对于浏览器兼容性，我认为PPK的Quirksmode是最全面的来源。