IE 的 CSS 调试工具答案

【问题标题】：CSS Debugging Tools for IEIE 的 CSS 调试工具
【发布时间】：2016-10-24 14:26:53
【问题描述】：

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

现在该应用程序在 Mozilla/Chrome/Safari 中看起来很完美。但是当我在 IE 7 或 8 中运行我的应用程序时，所有页面都变得到处乱七八糟，出现边距、颜色、css 溢出等问题。

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

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

提前谢谢....

【问题讨论】：

标签： html css

【解决方案1】：

Internet Explorer Developer Toolbar

【讨论】：

【解决方案2】：

IE8 内置了开发者工具(f12)，与 Firefox 的 Firebug 非常相似

【讨论】：

+1 用于集成开发工具。尽管它们缺少网络选项卡，但它们做得很好。如果您因为想测试 IE7 兼容性而害怕更新到 IE8，请不要担心：您可以通过按钮的技巧触发它像 IE7 一样运行，并且开发工具仍然可以在该模式下工作！

【解决方案3】：

Firebug Lite 是我经常在 IE CSS 中使用的东西，如果我需要的话。假设您有一个开发站点，您只需包含他们提供给您的脚本（几乎在页面的一半处），刷新站点后，您会在右下角看到萤火虫图标。

显然，几乎没有什么能像真正的 FFox 萤火虫那样真实，但这对您尤其是 CSS 有帮助，并允许您即时对事物进行调整。

【讨论】：

【解决方案4】：

在 IE8 中，当您点击键盘上的F12 按钮时，您可以使用一个功能，检查一下；)

【讨论】：

【解决方案5】：

如果您点击F12（至少在 IE8 中），您将拥有一些类似于 Firebug 和 Chrome 工具的开发人员工具 :)

【讨论】：

【解决方案6】：

我刚刚发布了一个工具，它允许您通过移动鼠标来可视化您的 HTML/CSS 布局。您可以轻松查看处于悬停状态的元素。

【讨论】：