Chrome开发者工具无法展开Iframe内容

时间:2017-03-20 19:29:45

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

enter image description here

如上图所示,此iframe包含一个html文件,但现在无法展开其内容。在Chrome 56之前我已经能够扩展内容,现在我不能。我现在必须提供其他东西吗?

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

在相机气泡视图中

2 个答案:

答案 0 :(得分:4)

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

要查看此类OOPIF

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

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

      

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

         
        
    1. 在chrome:// flags上启用“开发人员工具实验”,然后重新启动。
    2.   
    3. 打开DevTools设置,转到“实验”标签,然后按 Shift 7次。
    4.   
    5. 选中“自动连接到跨进程子帧。”
    6.   

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

使用iframe测试网站:http://csreis.github.io/tests/cross-site-iframe-simple.html

pic

答案 1 :(得分:3)

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

Version 62.0.3202.75 (Official Build) (64-bit)