如何扫描HTML和JavaScript文件以确保跨浏览器兼容性?

5
我正在寻找一款可以扫描我的HTML和JS文件,并报告脚本是否跨浏览器兼容的工具。我不太感兴趣使用需要输入所有URL的在线工具。

我从问题中移除了JSP部分,因为它在Web服务器上运行,而不是在Web浏览器上运行,因此不可能是原因。JSP只是生成一堆HTML,就像开发它一样。 - BalusC
3个回答

5

可能会有一些“扫描仪”,但它们都无法完成一个体面、完整的工作——无论事情在不同浏览器上的表现如何,我们都需要使用人眼进行视觉确认。

在我看来,自动化测试中最好的做法是创建有效的HTML。这并不能保证正确的渲染,但这是朝着正确方向迈出的第一步,可以避免许多问题。


准确地说,我遇到了一个古老的浏览器(IE6?)的问题,其中定位代码执行正确,DOM位置属性被设置,但是相关元素实际上被完全显示在其他地方。我认为只有全面人工智能才能“自动”捕捉到这个问题。 - Piskvor left the building

4
很遗憾,你不可能找到这样的工具 - 如果存在这样的工具,制造它的人将可以无限制地收费,并受到全球网页开发人员的崇拜!
说真的,你可以找到诸如W3C的HTML和CSS验证器之类的工具,但即使是最符合标准的标记也会因为不同的浏览器呈现而出现问题。毕竟,有效的标记并不意味着它看起来就是正确的。在这方面,您通常会遇到旧浏览器的问题(请了解“怪异模式”和“标准模式”)。
确保所有浏览器中的页面看起来都一样很难,除非实际上在每个操作系统或平台上使用每个浏览器,否则您将找不到可靠的自动方法。我确信有一些工具可以为您提供在各种浏览器下加载页面的截图,但我听说它们可能很慢并且效果不太好。
至于JavaScript,我发现所有浏览器都有其小问题。即使使用诸如jQuery或Prototype之类的框架,您仍然会遇到问题,只能通过尝试页面并查看它是否按预期运行来找到问题。
本质上,我想说的是,“跨浏览器支持”是高度主观的,无法使用自动化工具进行测试。只有您知道每个页面预期的结果,哪些浏览器“正确”,哪些不是。这包括页面的所有方面,从HTML和CSS到JavaScript。
我怀疑您真正想要的是一个快速修复方案,而需要最少的努力,但您不会得到它。您需要花费自己的时间和大量精力,确保您的网站在您希望支持的所有浏览器上看起来和行为都是正确的。没有别人会替你做这件事。

唉,这差不多是我预料到的。过去三年里,我在UI方面的工作并不多,所以我一直在寻找一种快速的方法来使一个传统应用在多个浏览器中运行。哎,看来我们还有些工作要做。 - jranaudo

0

http://browsershots.org/ 这个网站使用不同的浏览器为您拍摄屏幕截图,因此可以直观地展示它在各种浏览器中的外观。对于 JS,我认为您需要实际测试才能确定。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接