Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Dev Tools Cannot Expand Iframe contents

enter image description here

As seen in the picture above, this iframe contains an html file but now its contents cannot be expanded. Before Chrome 56 I have been able to expand the contents, now I cannot. Is there something else I must provide for it to expand now?

This iframe is being used here: https://chrome.google.com/webstore/detail/loom-video-recorder-scree/liecbddmkiiihnedobmlmillhodjkdmb

in the camera bubble view

like image 426
Paulius Dragunas Avatar asked Mar 20 '17 19:03

Paulius Dragunas


1 Answers

Chrome now runs iframes in separate chrome renderer processes to optimize performance.

To view such an OOPIF:

  • METHOD 1. Right-click the iframe contents on the page, then Inspect to invoke a separate devtools window.

  • METHOD 2. The upcoming devtools UI (see crbug.com/652783) lists such iframes in the same devtools under the main page DOM in Elements inspector:

    This work is in progress and available behind an experimental feature in DevTools.

    1. Enable "Developer Tools experiments" on chrome://flags, and restart.
    2. Open DevTools Settings, go to Experiments tab, and press Shift 7 times.
    3. Check "Auto-attach to cross-process subframes."

    Note, on Windows you may see a sticky keys dialog on the 5th tap, just close it and continue.

Test site with an iframe: http://csreis.github.io/tests/cross-site-iframe-simple.html

pic

like image 92
wOxxOm Avatar answered Sep 20 '22 21:09

wOxxOm