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

时间:2009-07-29 09:07:06

标签: css firebug browser-testing

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

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

5 个答案:

答案 0 :(得分:6)

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

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

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

答案 1 :(得分:0)

IE8包含了很棒的developper tools

答案 2 :(得分:0)

答案 3 :(得分:0)

对于跨浏览器调试,您可以使用Firebug Lite。它就像Firebug本身,但是作为一个外部JavaScript库并在FF,Opera Safari甚至是好的IE(如网页所述)中进行了测试。

答案 4 :(得分:0)

查看我的新工具,通过鼠标悬停在页面上查看任何元素的布局 - CROSS BROWSER!

HTML Box Visualizer - GitHub