用于IE的CSS调试工具

Question

最近为我的Web应用程序实现了许多具有不同css类的页面。

现在，该应用程序在Mozilla / Chrome / Safari中看起来很完美。但是当我在IE 7或8中运行我的应用程序时，所有页面都会变得无处不在，包括边缘，颜色，溢出等问题。

因此，我尝试了一些css调试/编辑工具，如firebug，XRAY和此link中列出的其他工具。

我只是想知道是否有任何特定工具可用于调试IE中的css文件，以便我可以相应地更改css文件。

提前致谢....

Answer 1

Internet Explorer Developer Toolbar

An Introduction to the Internet Explorer Developer Toolbar

Answer 2

IE8内置了开发人员工具（f12），与Firebug for Firefox非常相似

Answer 3

如果需要的话，

Firebug Lite是我经常用于IE CSS的东西。假设你有一个开发站点，你只需要包含他们给你的脚本（几乎是页面的一半），一旦你刷新了站点，你就会看到右下角的firebug图标。

显然几乎没有任何东西会像FFox的真实萤火虫一样真实，但这对你有帮助，尤其是CSS，并允许你动态调整事物。

Answer 4

在IE8中，当您按下键盘上的F12按钮时，会有一个功能，检查出来;）

Answer 5

如果你点击F12（至少在IE8中）你会有一些开发人员的工具类似于Firebug和Chrome的工具：）

Answer 6

我刚刚发布了一个工具，只需移动鼠标就可以直观地显示HTML / CSS布局。您可以轻松查看悬停状态中的元素。

HTML Box Visualizer - GitHub