css - 如何在多个浏览器中调试 Display/CSS 问题？

Question

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

您如何调试显示问题？在 Firefox 中有 Firebug，这很棒。还有一个适用于其他浏览器的 Firebug Lite，但它的功能并不完整——它不会实时刷新。例如，如果我怀疑 jQuery 正在减慢它的速度（添加类等），我将如何发现？

score 6 · Accepted Answer

除了这些之外，您可能还想查找为元素添加边框但不破坏页面流的outline 属性。这对于并排比较很有用。

如果您有一些使用 jQuery 应用的类，只需在它们上使用 outline 属性，它应该会在添加类时出现。

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

score 0 · Accepted Answer

0

IE8 包含优秀的开发者工具

于 2009-07-29T09:19:14.670 回答

score 0 · Accepted Answer

开发者工具

score 0 · Accepted Answer

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

score 0 · Accepted Answer

查看我的新工具，通过将鼠标悬停在页面上查看任何元素的布局 - 跨浏览器！

5 回答 5