Inspect and debug iframes
If the page you are working on contains an iframe which you want to inspect and debug, you can actually use DevTools to do so. This can be very useful when working with coding playground sites like CodePen, JSFiddle, or Glitch.
- Open Firefox DevTools.
- In the main toolbar, click Select an iframe as the currently targeted document.
- Select the iframe you want to inspect.
Chrome, Edge, Safari
- Open DevTools.
- Open the Console tool.