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

Question

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

Answer 1

您可以尝试解析HTML和CSS，并查找已知问题，如'lint'工具。但是，浏览器错误非常多（尤其是IE6布局错误），您不可能找到这样的一切。

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