2009-07-17 131 views
13

除Firebug Lite之外是否还有其他一些工具可以帮助您进入Internet Explorer的错误思维并准确了解它在哪里以及为什么会严重地破坏我的CSS?在Internet Explorer中调试CSS的工具

Firebug Lite当然是一个有用的工具,但它似乎缺少关键特性(出现在'完整'Firebug插件中),它允许您查看哪些声明的哪些部分被忽略而支持其他声明。

例如,使用Firefox和Firebug,我可以看到.foo {color: red}稍后在样式表中被.bar {color: blue}覆盖。

但是,Firebug lite只能显示最终的计算样式 - 我无法判断哪些声明被忽略,哪些声明被覆盖,根本不支持,哪些声明只是普通的错误。

有没有其他工具可能对您有所帮助?

回答

20

我使用的是IE8 Developer Tools(包括开箱即用),它可以显示样式跟踪。

IE7也有微软提供的名为IE Dev Toolbar的附加程序。虽然没有广泛使用。

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

+0

IE工具栏的开发是IE7一个好主意。它远不如Firebug强大,但你可以使用你所能得到的。 – Jeff 2009-07-17 20:07:46

6

是的。在IE8中打F12。在以前的版本中,安装this

3

IE8附带的开发工具工作得很好。

0

另外一个是Debug Bar。适用于IE 7或8;并且与Firebug相似

3

我发现jQuery有助于弄清楚“引擎盖下”发生了什么事情。例如,最近我遇到了一种情况,那就是我无法相信IE 8附带的开发工具(顺便说一句,我在IE 7中运行,标准没有怪癖,兼容模式。样式表没有被显示为计算结果,除了我遇到的其他IE-strangess之外,所以我只是在页面上抛出了一些javascript,包括jQuery,这将允许我键入一些代码并且不依赖于IE开发者工具,萤火虫或Web检查在Safari您可以评估类似的语句:

$('body').css('background-image'); 

可能返回:

'/images/default_background.png' 

或其他。

YMMV,但它是值得的时间来尝试它。