自动浏览器互操作性测试程序通过查看代码

Question

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

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

display: run-in; 

校验其了解CSS 2.1将出色地通过了，但实际上，红旗应该被抛出，表明它无法在Firefox 3下工作。在另一方面，

border-radius: 10px; 

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

这是在Javascript新的，但也被验证通过：

getElementsByClassName(); 

，但它会更好，如果一个警告弹出通知我，它不会在IE8工作。

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

Answer 1

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

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

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

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