工具在Internet Explorer中调试CSS [英] Tools Debugging CSS in Internet Explorer

问题描述

除了Firebug Lite之外，还有其他工具可能会帮助我们进入Internet Explorer的错误的小心态，并确切地知道它在哪里以及为什么会严重破坏我的CSS。

Are there tools other than Firebug Lite that might help one get into Internet Explorer's buggy little mind and find out precisely where and why it's mangling my CSS so badly?

Firebug Lite是一个有用的工具，但它似乎缺少关键的功能（在'full'Firebug插件），允许你看到哪些部分的声明被忽略，有利于其他声明。

Firebug Lite is a useful tool of course, but it seems to be missing the crucial feature (present in the 'full' Firebug plugin) that allows you to see which parts of which declarations are ignored in favor of other declarations.

例如，使用Firefox和Firebug，我可以看到 .foo {color：red} code> .bar {color：blue} 。

For example, using Firefox with Firebug I can see that .foo {color: red} is overridden by .bar {color: blue} later in the stylesheet.

但是，Firebug lite只是显示最终的计算样式 - 我不知道哪些声明被忽略，哪些被覆盖，哪些不是支持，而且只是普通的bug。

But, Firebug lite only seems to show the final, calculated style -- I can't tell which declarations are being ignored, which are being overridden, which aren't supported at all, and which are just plain buggy.

是否还有其他工具可能对此有帮助？

Is there another tool that might be helpful here?

推荐答案

我使用 IE8开发人员工具（这是包括开箱即用），它可以显示样式跟踪。

I am using IE8 Developer Tools (which is included out of the box), it can show style tracing.

IE7也有微软提供的添加 IE Dev工具栏。

IE7 have also Microsoft-supplied add on called IE Dev Toolbar. Have not used this extensively though.

您使用的是什么版本的IE？

What version of IE are you using?

这篇关于工具在Internet Explorer中调试CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！