通过算法检测浏览器不兼容性

Question

我想知道如何尝试通过算法比较各种浏览器中网站的呈现，以便检测不兼容性（例如浮动等），就像browsera一样。

Answer 1

您可以尝试解析HTML和CSS并查找已知问题，例如“lint”工具。但是有很多浏览器错误（尤其是IE6布局错误），你不可能找到那样的东西。

另一种方法是加载每个目标浏览器的实际实例并编写脚本以加载给定的URL。然后，您可以注入JavaScript以遍历其DOM，读取每个元素的页面相对位置（使用offset*属性），并标记其中位置/维度在浏览器之间差异很大的任何元素。您还希望捕获并记录任何未处理的JS错误，可能是通过window.onerror。