Chrome Dev Tools Cannot Expand Iframe contents

Question

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

Answer 1

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