Demos a Chrome extension using chrome.devtools.inspectedWindow.eval
to inspect
multiple iframes on the same page with the same URL.
- Install the repository with
npm ci
. - Install the DevTools extension by visiting
chrome://extensions
and loading the "unpacked" extension atdevtools/
. - Start the application by running
npm start
. - Open http://localhost:8080/.
- Open DevTools and switch to "Multi-iframe Test".
- Click "Run"
- Observe Console output.
1. iframe: I am iframe #1
2. duplicate URL: I am iframe #1
3. query parameter: I am iframe #3
5. soft-navigation: I am iframe #5
Note: 5. is only printed if the application is loaded first, and then DevTools is opened. If DevTools is opened before the app, then 5. is not printed.