CODEWITHSUNDEEP
javascriptgoogle-chromeiframegoogle-chrome-extensiongoogle-chrome-devtools
Paulius Dragunas
Paulius Dragunas

Reputation: 1712

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

Upvotes: 7

Views: 4575

Answers (2)

r0bb077
r0bb077

Reputation: 752

Not sure if this helps anyone but I had the same problem. It turns out if you just scroll down the Elements window you'll see the frame right at the bottom, took me a while to figure that out.

Version 62.0.3202.75 (Official Build) (64-bit)

Upvotes: 3

woxxom
woxxom

Reputation: 73526

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

Upvotes: 4

Related Questions