我重新进入了跨浏览器兼容性的世界,并遇到了一些有关不同浏览器之间Javascript兼容性的问题。
例如,我在CSS样式表中广泛使用样式继承,因此如果我需要编辑一个元素的样式,我必须使用window.getComputedStyle(**element**, [pseudoElement]).getPropertyValue(**style**)
。
这一行代码的使用要求我知道Firefox v<4需要一个伪元素对象,而其他浏览器则将其视为可选参数。此外,Firefox和Opera要求style匹配CSS属性名称,例如font-size
,而IE需要使用JavaScript语法中的名称fontSize
,因为它将CSS语法中的连字符解释为减号。
这个例子花费了我几个小时的时间来弄清楚为什么早期版本的IE将我的文本调整大小脚本实现为默认大小,而不是元素的计算大小。Mozilla的网站是一个很好的参考,但仅限于他们的浏览器。是否有一个好的全面的跨浏览器函数列表?