不同瀏覽器中頁面的視覺對比

Question

我想在每個瀏覽器（例如Chrome FF和IE）中直觀地測試我的html頁面，就像所有元素的位置和頁面中的填充和邊距是正確的一樣。

現在我正在做的是我在兩個瀏覽器中打開這個頁面，並且將兩個瀏覽器並排放在一起，我將它與我的眼睛進行了比較。

現在我的問題是：是否有任何工具或插件可用於通過在IE瀏覽器中將頁面與Chrome或FF中的相同頁面重疊來測試頁面，以便我可以在元素的視覺表示中找到任何區別，以便我可以糾正它。
就像屏幕截圖比較（在截圖比較中，我無法比較整個頁面，而且我無法將一個截圖圖像重疊在另一個上）？

Answer 1

這是錯誤的做法。試圖讓每個瀏覽器匹配像素對像素是徒勞無益的努力，只會導致挫敗感，代碼膨脹和浪費精力。

設計爲有效的瀏覽器（通常是Webkit的和Firefox）。然後根據其他人的需要修復。但不要試圖讓事物爲像素網格像素。