通過算法檢測瀏覽器不兼容性

Question

我想知道如何通過算法來比較各種瀏覽器中網站的呈現，以便檢測不兼容性（例如浮點等），就像browsera一樣。

Answer 1

您可以嘗試解析HTML和CSS，並查找已知問題，如'lint'工具。但是，瀏覽器錯誤非常多（尤其是IE6佈局錯誤），您不可能找到這樣的一切。

另一種方法是加載每個目標瀏覽器的實際實例，並編寫腳本來加載給定的URL。然後，您可以注入JavaScript來瀏覽DOM，以讀取每個元素的頁面相對位置（使用offset*屬性），並標記位置/維度在瀏覽器之間差別很大的任何元素。你也想抓住並記錄任何未處理的JS錯誤，可能通過window.onerror。