如何使用 IE 开发人员工具检查动态创建的 DOM 上的元素答案

【问题标题】：How to inspect elements on dynamically created DOM by using IE developers tools如何使用 IE 开发人员工具检查动态创建的 DOM 上的元素
【发布时间】：2012-03-10 17:18:43
【问题描述】：

我有一个我只在 IE 中遇到的错误。我想通过使用 IE 开发人员工具栏来检查 DOM，但不幸的是似乎无法做到这一点，因为完整的 DOM 是动态生成的。有人知道如何克服这个问题吗？

【问题讨论】：

一旦动态生成了 div -- 然后检查它.. :P
好吧，Vivek，乍一看我以为你在开玩笑。但实际上你是绝对正确的，我的问题是我一直打开 IE 开发人员工具。如果我让页面加载，然后在生成所有内容后打开开发人员工具栏，那么一切都很好而且很容易。谢谢 Vivek，我很乐意接受您的评论作为答案，但这似乎不可行
我一直只打开开发人员工具，并假设 IE 工具无法处理动态添加到 dom 的元素。
是的 :) 但是，实际上，IE 开发工具有一个刷新按钮（应该在保存图标旁边看到它），它就是为了这个目的。当动态添加 DOM 元素时，只需刷新，您就可以检查它们，最好

标签： css internet-explorer ie-developer-tools

【解决方案1】：

一旦页面完全加载，然后单击 F12，然后再次重新加载页面，然后在开发人员工具栏上单击 REFRESH 按钮，该按钮可用于开发人员工具栏中的保存按钮旁边。之后单击检查元素的箭头。

【讨论】：

【解决方案2】：

在软盘图标右侧的工具栏中有一个重新加载按钮。击中这个也有效。

【讨论】：

这有一个额外的好处是可以保留浏览器/文档模式的状态，以防您试图模拟旧版本的 IE。如果在动态生成 div 后打开开发者工具，然后设置浏览器/文档模式，页面会刷新。
.......你是一个超级英雄，真的。我做 IE 开发已经 10 年了，我从来没有想过那个刷新按钮是一个 DOM 刷新，一直以为它会刷新页面。
IE11还有办法重新加载DOM吗？
使用微软官方提供的Windows 8.1 + Internet Explorer 11 VM镜像，工具栏上看不到按钮。我可以发誓它以前存在过...i.imgur.com/MCLI4th.png

【解决方案3】：

或者，确保 Inspector 窗格处于活动状态，然后按 F5 键。

【讨论】：

【解决方案4】：

一旦动态生成 div，然后检查它。回答它，因为它似乎对你有用...... :)

【讨论】：

其实真正的一点是，开发者工具在生成内容的时候一定要关闭，否则不会出现在inspector中。
这真的不应该是公认的答案。正确答案是@jdln 的下方，或 Korri 的上方评论。