IE8 开发人员工具不显示样式信息答案

【问题标题】：IE8 Developer Tools not displaying Style infoIE8 开发人员工具不显示样式信息
【发布时间】：2010-09-07 17:39:53
【问题描述】：

我在使用 IE8 开发人员工具时遇到问题，当我选择一个元素时，它们的样式信息未显示在窗格中。它绝对是特定于页面的，因为我可以切换到另一个页面，当我选择一个元素时，该页面的样式将出现。

奇怪的是，如果我为元素添加内联样式，则内联元素将显示在样式窗格中。由于页面正在使用样式呈现，因此页面可以很好地找到 CSS 文件。

其他人遇到过这样的问题吗？如果有帮助，我正在开发的页面是一个 Joomla 模板。我目前正在通过删除一半代码来进行消除过程，然后删除另一半来识别罪魁祸首代码，但我想我会把它扔掉，看看是否有其他人知道。谢谢大家。

【问题讨论】：

【解决方案1】：

我看到其他人在其他论坛中提到了类似的问题，常见问题与指向外部样式表的链接标记有关。在我的例子中，它是一个 Google Fonts Directory 链接。

<link href='http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light' rel='stylesheet' type='text/css' />

删除链接暂时允许样式信息显示。

【讨论】：

【解决方案2】：

当一个样式表包含另一个不存在的样式表的包含语句时，我遇到了类似的问题。

【讨论】：

【解决方案3】：

尝试刷新开发者工具的 DOM 缓存 - 工具栏中的第四个按钮，热键的 F5。如果打开开发工具窗口后元素的样式发生变化，实际的 DOM 和报告的 DOM 可能会有所不同。

【讨论】：

【解决方案4】：

我遇到了同样的问题，并发现开发人员工具在我的 Typekit JS 中吓坏了。它没有任何问题。开发人员工具只是很挑剔。想象一下。我把它注释掉了，中提琴，它又起作用了。

我的另一个朋友说，当 HTML 标记没有正确关闭时，他看到开发人员工具崩溃了，所以这可能是另一回事。

【讨论】：