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

Question

我想在每个浏览器（如 chrome FF 和 IE）中直观地测试我的 html 页面，例如页面中所有元素的位置以及填充和边距是否正确。

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

现在我的问题是：是否有任何工具或插件可用于通过将 IE 中的页面与 chrome 或 FF 中的相同页面重叠来测试页面，以便我可以找到元素视觉表示的任何差异，以便我可以改正。
就像屏幕截图比较一样（在屏幕截图比较中我无法比较整个页面，而且我不能将一张截图图像重叠在一起）？

Answer 1

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

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