0

假设我已经有有效的代码，是否有一个工具或插件可以用来评估我的网站代码并突出显示不同浏览器可能以不同方式显示代码的区域？我知道browsershots之类的网站，并且我有要测试的VM，但我想知道是否有一些东西可以通过查看代码和众所周知的跨浏览器兼容性红旗警告来缩短流程。

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

display: run-in;

知道 CSS 2.1 的验证器会以优异的成绩通过它，但实际上，应该抛出一个红旗，表明它在 Firefox 3 中不起作用。另一方面，

border-radius: 10px;

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

这是 Javascript 中的新功能，但也由验证器传递：

getElementsByClassName();

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

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

4

1 回答 1

0

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

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

因此，如果您使用任何标准库，那么您会收到大量警告并且实际上从中得到的很少。垃圾邮件的数量只会掩盖您可能引入的实际错误。

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

于 2013-02-14T14:57:20.587 回答