Html 不同浏览器中页面的视觉比较

我想在chrome FF和IE等浏览器中对我的html页面进行可视化测试，比如页面中所有元素的位置、填充和边距是否正确

现在我要做的是在两个浏览器中打开页面，将两个浏览器并排级联，然后用眼睛进行比较

现在我的问题是：是否有任何工具或插件可以通过将IE中的页面与chrome或FF中的同一页面重叠来测试该页面，以便我可以在元素的视觉表示中找到任何差异，以便我可以更正它。

---

就像屏幕截图比较一样（在屏幕截图比较中，我不能比较整个页面，而且我不能将一个屏幕截图图像与另一个屏幕截图图像重叠）？

这是错误的做法。试图让每个浏览器逐像素匹配是徒劳的，只会导致沮丧、代码膨胀和浪费精力

针对有效的浏览器（通常是Webkit浏览器和Firefox浏览器）进行设计。然后根据其他人的需要进行修复。但不要试图让事物逐像素网格化