Question

假设我已经有了有效的代码，是否有可用于评估我的网站代码的工具或插件，并突出显示不同浏览器可能以不同方式显示代码的区域？我知道像browsershots这样的网站，我有要测试的虚拟机，但我想知道是否有什么可以通过查看众所周知的跨浏览器兼容性红旗的代码和警告来简化流程。

例如，使用尚未普遍支持的CSS时。以下是有效的CSS 2.1：

display: run-in;

知道CSS 2.1的验证器会以漂亮的颜色传递它，但实际上，应该抛出一个红色标记，表明它在Firefox 3中不起作用。另一方面，

border-radius: 10px;

实际上在更新的浏览器中得到了很好的支持，即使它是CSS3。

这是Javascript中的新功能，但也通过验证程序传递：

getElementsByClassName();

但如果弹出警告通知我它在IE8中不起作用会更好。

另一个例子是众所周知的渲染错误，可以由奇怪的（有效的）情况触发。我知道在每个系统上的每个浏览器中打开网站都没有替代方法可以真正了解它是如何工作的，但我只是想知道是否有一些工具可以帮助检查我是否正在编写可互操作的代码，这样我就可以在开发过程中更频繁地进行测试，并且花费更少的时间来解决bug。

Answer 1

不幸的是，答案是肯定的。

我曾经开始考虑创建一个完全按照你描述的工具。现实情况是，像jQuery这样的大多数库实际上使用浏览器不兼容性和对标准的不同解释（或忽略标准）。

因此，如果您使用任何标准库，那么您将收到大量警告，实际上几乎没有任何警告。垃圾邮件的数量只会影响您可能引入的实际错误。

更重要的是不兼容性是否会影响最终结果。因此，我们采用了你所看到的测试方法，而不是静态代码分析。