Issue metadata
Sign in to add a comment
|
Cannot inspect chrome-extension iframes with developer tools window/tray
Reported by
ewilli...@evergage.com,
Mar 20 2017
|
||||||||||||||||||||||||
Issue description
Chrome Version : 57.0.2987.110
OS Version: OS X 10.11.6
URLs (if applicable) :
Other browsers tested:
Add OK or FAIL after other browsers where you have tested this issue:
Safari 5:
Firefox 4.x:
IE 7/8/9:
What steps will reproduce the problem?
1. Open a chrome extension that injects an iframe with a chrome-extension:// URL into the top frame document
2. Right click on anything other than the injected frame on the current page
3. In the console drawer, click on the views dropdown and notice that you cannot see the iFrame context in the dropdown
4. Also, (see attached screenshot) the iframe element is empty in the elements view
What is the expected result?
Not only can you see and select the chrome-extension iframe context within the dropdown, console logs and network requests are all shown in the same dev tools window/tray.
What happens instead of that?
You cannot see the iframe in the views dropdown, and any console logs / network requests do not show up in the console/network tab. If you right click and inspect inside of the chrome extension iframe, it opens an ADDITIONAL chrome window for the chrome-extension:// URL
Please provide any additional information below. Attach a screenshot if
possible.
Likely caused by shipping out-of-process iframe rendering for chrome-extension:// URLS
Note: This makes perfect sense for end user / production, but introduces a disastrous road block for enterprise extension development. For someone like me who runs an external window of dev tools for both the tab and background page, forcing me to now run additional instances of dev tools for every chrome-extension frame is a major problem for an efficient development workflow.
UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/57.0.2987.110 Safari/537.36
,
Mar 20 2017
You can by following this quote from https://crbug.com/652783#c8 This work is in progress and available behind an experimental feature in DevTools. For reference, here's how to experiment with it today: 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." 4) Open a new DevTools instance on a page that has an OOPIF (e.g., http://csreis.github.io/tests/cross-site-iframe-simple.html when running with --site-per-process). Note, the new fixes/additions first appear in Chrome canary channel so you might want to install it separately to get the most of the functionality added in reference to issue 652783 .
,
Mar 20 2017
Words cannot express how relieved I am, thank you so much.
,
Mar 20 2017
,
Apr 4 2017
|
|||||||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||||||
Comment 1 by erikc...@chromium.org
, Mar 20 2017