【问题标题】:Chrome Dev Tools Cannot Expand Iframe contentsChrome 开发工具无法展开 iframe 内容
【发布时间】:2017-08-12 05:59:21
【问题描述】:

如上图所示,这个 iframe 包含一个 html 文件,但现在它的内容无法展开。在 Chrome 56 之前我可以扩展内容,现在我不能。我现在还必须提供其他什么来扩展它吗?

这里正在使用这个 iframe:https://chrome.google.com/webstore/detail/loom-video-recorder-scree/liecbddmkiiihnedobmlmillhodjkdmb

在相机气泡视图中

【问题讨论】:

  • iframe src中的ID对应什么扩展名?我在 Chrome 应用商店中找不到它。

标签: javascript google-chrome iframe google-chrome-extension google-chrome-devtools


【解决方案1】:

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

查看这样的OOPIF

  • 方法 1. 右键单击​​页面上的 iframe 内容,然后单击Inspect 以调用单独的开发工具窗口。

  • 方法 2. 即将推出的 devtools UI(参见 crbug.com/652783)在 Elements 检查器的主页 DOM 下的相同 devtools 中列出了此类 iframe:

    这项工作正在进行中,可在 DevTools 中作为实验性功能使用。

    1. 在 chrome://flags 上启用“开发者工具实验”,然后重新启动。
    2. 打开 DevTools 设置,进入 Experiments 选项卡,然后按 Shift 7 次。
    3. 选中“自动附加到跨进程子帧”。

    注意,在 Windows 上,您可能会在第 5 次点击时看到一个粘滞键对话框,只需将其关闭并继续。

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

【讨论】:

  • 感谢您的快速回复。一个问题。禁用标志时是否应该发生这种情况? i.imgur.com/Seb8DjD.png
  • 是的,当一个特性[几乎]实现时,这些标志就会过时。在这种情况下,它可以通过 FieldTrials 或内容功能机制为所有人或部分用户启用,这些机制仍然可以通过运行带有 --disable-features 或 --disable-blink-features 的 chrome 来控制(直到该功能被认为 100% 稳定)或 --force-fieldtrials 命令行参数。
  • 我可以确认此功能不再是实验性的,而是已移至“元素”选项卡中的默认功能。 (2017 年 11 月 10 日)
【解决方案2】:

不确定这是否对任何人有帮助,但我遇到了同样的问题。事实证明,如果你只是向下滚动元素窗口,你会在底部看到框架,我花了一段时间才弄明白。

Version 62.0.3202.75 (Official Build) (64-bit)

【讨论】:

  • 不幸的是,右键单击 -> 检查不会自动向下滚动到相应的元素。必须手动完成所有标记非常烦人:/
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-06-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-03-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多