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

说我需要为多个浏览器开发一个网站.主要的 - Firefox,Safari,IE,Opera,Chrome

你如何调试显示问题？在Firefox中有Firebug,这很棒.还有一个适用于其他浏览器的Firebug Lite,但它并不是全功能的 - 它不会实时刷新.例如,如果我怀疑jQuery正在减慢它(添加类等),我怎么知道？

Firefox有Firebug

歌剧有蜻蜓

IE8有开发人员工具

Webkit浏览器(Chrome/Safari)具有Web检查器

除此之外,您可能希望查找为元素添加边框的outline属性,但不会中断页面​​流.这对于并排比较非常有用.

如果你有一些类使用jQuery,只需在它们上使用outline属性,它应该在添加类时出现.

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