如何使用 IE7 中的 IE Developer 工具栏检查 Iframe 中的元素

Question

我有一个使用 Iframe 的 Web 应用程序。当我尝试在 IE 开发人员工具栏中检查元素时，Iframe 节点会突出显示并停在那里。我可以在 Iframe 节点附近看到一个展开图标。但是当我双击它时，什么也没有发生。

在经过多次尝试和错误后感到恼火后，我尝试通过在新的 html 页面中创建示例 iframe 来对其进行测试，结果就是……我可以看到它获取了 iframe 中的所有元素。

那么我的网络应用程序发生了什么，它是否取决于任何编码风格......我对这个问题完全空白。

如标题所述，我在 Vista 的 IE7 中使用 IE Developer 工具栏。

Answer 1

我遇到了完全相同的问题，但似乎可以通过单击 IE 开发人员工具栏窗格中的刷新按钮来解决它。它的按钮在磁盘图标旁边有一个蓝色的向下/向上箭头图标。如果您单击它，由于某种原因，DOM 检查器似乎开始在 iframe 中工作，而以前它没有。

Answer 2

以 jaffa 的答案为基础（因为我还不能评论 jaffa 的答案！）：在我的情况下，如果不单击开发工具栏中的刷新按钮，iframe 在 IE 开发工具中不可用，因为iframe 是异步加载的。看起来 IE 开发工具在加载时将具有页面的 DOM 结构，但如果此后发生任何更改，则必须刷新开发工具。