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

Question

我正在寻找一个工具，将扫描我的HTML和JS文件，并报告是否脚本是跨浏览器兼容或不。我真的不感兴趣的在线工具，我必须输入我所有的网址。

Answer 1

可能会有一些“扫描器”，但它们都不会做一件像样的、完整的工作--人们必须用肉眼在视觉上确认浏览器之间的表现是否良好。

在我看来，在自动测试方面，你能做的最好的事情就是创建有效的HTML。它不能保证正确的渲染，但它是迈向这一方向的第一步，并将使您免于遇到许多问题。

Answer 2

不幸的是，你不会找到这样的工具--如果它存在的话，开发它的人将能够为它收取几乎任何他们喜欢的费用，并且会受到全世界web开发人员的喜爱！

实际上，您可以找到诸如W3C的HTML和CSS验证器之类的工具，但是您仍然会遇到问题，因为即使是使用最有效的符合标准的标记，不同的浏览器也会做不同的事情。毕竟，有效的标记并不意味着它看起来是正确的。在这方面，你经常会遇到老式浏览器的问题(请阅读“怪癖模式”和“标准模式”)。

确保页面在所有浏览器中看起来都一样是相当困难的，除非在每个操作系统或平台上实际使用每个浏览器，否则您将找不到一种可靠的方法来自动做到这一点。我相信有一些工具可以为你提供在不同浏览器下加载的页面截图，但我听说它们可能会很慢，而且不是很聪明。

至于JavaScript，我发现所有的浏览器都有它的小怪癖。即使使用jQuery或Prototype这样的框架，您仍然会遇到一些问题，这些问题只能通过亲自尝试页面并查看它是否如您所期望的那样来发现。

本质上，我想说的是“跨浏览器支持”是高度主观的，不能使用自动化工具进行测试。只有你知道每个页面会有什么，哪些浏览器做得对，哪些浏览器做得不好，这包括页面的方方面面，从超文本标记语言、CSS到JavaScript。

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

Answer 3

http://browsershots.org/这个网站使用不同的浏览器，并为你截取屏幕截图，所以它将在视觉上向你展示js的样子，我认为你必须实际测试它。