如何扫描HTML和javascript文件以实现跨浏览器兼容性？

Question

我正在寻找一种能够扫描我的HTML和JS文件并报告这些脚本是否与浏览器兼容的工具。我对在线工具不感兴趣，我必须输入我的所有网址。

Answer 1

可能会有一些“扫描仪”，但它们都不会做一个体面的，完整的工作 - 不管浏览器的表现是否良好，都必须用肉眼确认。

我认为，在自动测试方面，您可以做的最好的事情就是创建有效的HTML。它不能保证正确的渲染，但它是迈向这个方向的第一步，将为您免除许多问题。

Answer 2

不幸的是，你不会找到这样一个工具 - 如果它存在的话，那个制作它的人将能够收取他们喜欢的任何费用，并且会被世界各地的网络开发者所崇拜！

尽管如此，你可以找到W3C的HTML和CSS验证器之类的工具，但是当你提供最有效的符合标准的标记时，不同的浏览器也会有不同的问题。毕竟，有效标记并不意味着它看起来是正确的。在这方面，您经常会遇到旧版浏览器的问题（阅读'quirks mode'和'standard mode'）。

确保所有浏览器中的页面看起来都相同是很难的，如果没有实际使用每个操作系统或平台上的每个浏览器，您将无法找到自动执行此操作的可靠方法。我相信有一些工具可以为你提供在各种浏览器下加载的页面的截图，但是我听说它们可能很慢而且不是那么精彩。

对于JavaScript，我发现所有的浏览器都有它们的小怪癖。即使使用jQuery或Prototype等框架，您仍然会遇到一些问题，这些问题只能通过自己尝试页面并查看它是否符合您的预期来找到。

从本质上讲，我想说的是“跨浏览器支持”非常主观，无法使用自动化工具进行测试。只有你知道每个页面会发生什么，哪些浏览器正在做“正确”，哪些不是。这包括页面的所有方面，从HTML和CSS到JavaScript。

我怀疑你真的想要一个快速修复解决方案，只需要很少的努力，但你不会得到它。您需要花费自己的时间和精力来确保您的网站在您希望支持的所有浏览器中的外观和行为。没有人会为你做这件事。

Answer 3

http://browsershots.org/此网站使用不同的浏览器并为您截取屏幕截图，因此会直观地向您展示js的外观，我认为您必须对其进行实际测试。