Revision 908035 of Working with iframes

<div class="geckoVersionNote">
<p>This feature is new in Firefox 34.</p>
</div>

<p>From Firefox 34 onwards, you can point the developer tools at a specific <a href="/en-US/docs/Web/HTML/Element/iframe"><code>iframe</code></a> within a document.</p>

<p>{{EmbedYouTube("Me9hjqd74m8")}}</p>

<p>This feature is disabled by default: to enable it, open the <a href="/en-US/docs/Tools/Tools_Toolbox#Settings">developer tool settings</a> and check "Select an iframe as the currently targeted document":</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8551/frame-selection-setting.png" style="display: block; margin-left: auto; margin-right: auto;" />You'll now see a new button in the toolbar:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8547/frame-selection-button.png" style="display: block; margin-left: auto; margin-right: auto;" />Click it, and you'll see a popup listing all the iframes in the document, as well as the main document itself.</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8549/frame-selection-popup.png" style="display: block; margin-left: auto; margin-right: auto;" /></p>

<div class="note">
<p>Note that at the moment you'll need to reload the page or close and reopen the developer tools in order to see the popup. This is being tracked as <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1062233">bug 1062233</a>.</p>
</div>

<p>If you select an entry in the list, all the tools in the toolbox - the <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a>, the <a href="/en-US/docs/Tools/Web_Console">Console</a>, the <a href="/en-US/docs/Tools/Debugger">Debugger</a> and so on - will now target only that iframe, and will essentially behave as if the rest of the page does not exist.</p>