如何调试多个浏览器中的显示/CSS问题？

假设我需要为多个浏览器开发一个网站。主要的：Firefox、Safari、IE、Opera、Chrome

---

如何调试显示问题？Firefox中有Firebug，非常棒。其他浏览器也有Firebug Lite，但功能不全，不能实时刷新。例如，如果我怀疑jQuery正在减慢它的速度（添加类等），我将如何发现呢？

IE8包含了很棒的功能，您可以使用

关于

开发工具

• Firefox已经
• 歌剧院
• IE8已经
• Webkit浏览器（Chrome/Safari）具有
除此之外，您可能希望查找为元素添加边框但不会中断页面流的。这对于并行比较非常有用
如果jQuery应用了一些类，只需对它们使用outline属性，它应该在添加类时出现

.class1 {
  outline: 1px solid blue;
}
.class2 {
  outline: 1px solid red;
}

---

对于跨浏览器调试，可以使用。它就像Firebug本身，但作为一个外部JavaScript库，在FF、Opera Safari甚至是优秀的ol'IE（如网页所述）中进行了测试。
查看我的新工具，通过鼠标在页面上移动查看页面上任何元素的布局-跨浏览器

---

嗯，IE6/7没有什么好东西吗？顺便说一句，我认为IE*开发者的工具没有像firebug for FF那样的实时更新？因为现在我面临的问题是在jquery动画期间/之后。所以我需要css在那里更新，这样我就知道发生了什么。我在这里的qn firebug lite不会实时刷新，例如，当我用jquery更改类或做动画时。真的吗？我想是的，但现在已经很久了，因为我用过了。