Internet explorer IE9中的F12开发工具未加载动态内容的样式选项卡信息

我正在研究IE7和8 HTML/CSS修复程序，但是当我使用开发人员工具并尝试查看动态加载的HTML时，您首先无法选择新添加的元素，但后来我了解到，您应该点击工具栏中的刷新按钮，这样可以工作。但是，当您检查任何图元时，“样式”选项卡中的样式信息不会正确显示

它所显示的内容如下所示： 继承的html 继承体 无辐射分区 无辐射分区 无辐射分区

您不能像对待未动态加载的元素那样展开这些元素以查看实际属性和值

有解决办法吗

问候,，

---

雅克

我自己也遇到了这个问题

我使用的扩展版本加载样式表链接以及脚本文件。我现在有一个特定的IE8样式错误需要调查，但是动态添加的样式不会出现在开发人员工具中

为了调试它，我想我必须临时静态地添加css文件。Chrome和Firefox开发工具可以处理这种动态样式。如果我有通用的样式问题，那也没关系，但当它是IE特有的时候，我就得跳过一些障碍

---

我想不出一个“解决办法”。不幸的是，我们受制于IE开发工具。也许IE 10开发工具更好，但我现在使用的是Windows 7。

你试过FireBug lite吗？这是一个完全使用JavaScript编写的FireBug版本，它允许您使用大多数常见的FireBug功能，但在IE中除外。它可以在IE 6及更高版本中使用

我过去在iPad上调试时成功地使用了它，在iOS 6之前，在iPad上无法检查HTML。它同样适用于IE

您可以在这里阅读更多信息：

有

这是一个肮脏的解决方法，但应该允许您检查可能已动态添加到dom中的元素

请参见下面的屏幕截图：

如果无法拾取图元（箭头按钮），请单击“编辑”按钮（使用铅笔），然后进入编辑模式。再次单击“编辑”以退出编辑模式，此时应可以选择图元

“编辑模式”

---

有时进入和退出编辑模式可能会产生副作用，但这种技术在大多数情况下都有效。

希望我们能找到解决办法，因为这会使我们的工作变得非常困难。确认：IE10中仍然存在问题的缺点。而@Phil的解决方案确实有帮助。