Chrome 开发者工具无法展开嵌套页面内容。

Question

如上图所示，此 iframe 包含一个 HTML 文件，但现在其内容无法展开。在 Chrome 56 之前，我可以展开其内容，现在却不能。请问，我是否需要提供其他信息才能使其展开？

此 iframe 用于：https://chrome.google.com/webstore/detail/loom-video-recorder-scree/liecbddmkiiihnedobmlmillhodjkdmb

在相机气泡视图中。

- Paulius Dragunas

---

iframe src中的ID对应哪个扩展名？我在Chrome应用商店中找不到它。 - user149341

Answer 1

Chrome现在将iframe运行在单独的chrome渲染器进程中，以优化性能。

查看这样的OOPIF：

• 方法1：右键单击页面上iframe内容，然后点击“检查”以调用单独的开发工具窗口。

• 方法2：即将发布的开发工具UI（参见crbug.com/652783）可以在元素检查器下的相同开发工具中列出这些iframes:

  此项工作正在进行中，并可通过DevTools的实验功能获得。

  1. 在chrome://flags上启用“Developer Tools experiments”，然后重新启动。
  2. 打开DevTools Settings，转到Experiments选项卡，然后按Shift 7次。
  3. 检查“自动附加到跨处理子帧”。

  注意，在Windows上，您可能会在第5次敲击时看到一个粘滞键对话框，请关闭它并继续。

带有iframe的测试站点：http://csreis.github.io/tests/cross-site-iframe-simple.html

- wOxxOm

---

谢谢您的快速回复。不过我有一个问题。当标志位被禁用时，这种情况应该发生吗？http://i.imgur.com/Seb8DjD.png - Paulius Dragunas

是的，标志会过时，这通常发生在某个功能[几乎]实现时。在这种情况下，可以通过FieldTrials或内容特性机制为所有人或一部分用户启用它，这些机制仍然可以通过使用chrome --disable-features或--disable-blink-features或--force-fieldtrials命令行参数进行控制（直到该功能被认为是100%稳定）。 - wOxxOm

我可以确认这个功能不再是实验性的，而是已经被移动到元素选项卡中成为默认功能。（2017年11月10日） - tom_mai78101

Answer 2

不确定这是否对任何人有帮助，但我遇到了同样的问题。事实证明，如果您只是向下滚动Elements窗口，您会在底部看到框架，这花费了我一些时间才弄清楚。

版本号62.0.3202.75（官方版本）（64位）

- r0bb077

---

不幸的是，右键单击->检查并不能自动滚动到相应的元素。手动浏览所有标记非常烦人 :/ - w.stoettinger