---
title: Working with iframes
slug: Tools/Working_with_iframes
tags:
  - pt-br
translation_of: Tools/Working_with_iframes
---
<div>{{ToolsSidebar}}</div><div class="geckoVersionNote">
<div class="twocolumns">
<p>Este é um novo recurso no Firefox 34.</p>
</div>

<p> no Firefox 34  em diante , você podera usar novas Ferramentas de desenvolvedor em um <a href="/en-US/docs/Web/HTML/Element/iframe"><code>iframe</code></a> especifico dentro do documento.</p>
</div>

<pre><a href='&amp;lt;iframe width="560" height="315"  data-cke-saved-src="https://www.youtube.com/embed/Me9hjqd74m8" src="https://www.youtube.com/embed/Me9hjqd74m8" frameborder="0" allowfullscreen>&amp;lt;/iframe>' style='background-color: rgb(255, 255, 255); font-family: "Open Sans", arial, x-locale-body, sans-serif;'>&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/Me9hjqd74m8" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;</a></pre>

<p> </p>

<p>Este Recurso é por padrão  desativado e para  habilitál-o , abra as configurações  de ferramentas do desenvolvedor e marque a opção "<strong>Selecione um iframe que o documento atualmente </strong>"</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8551/frame-selection-setting.png" style="display: block; margin-left: auto; margin-right: auto;">Você vai ver agora um novo botão na Barra de Ferramentas:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8547/frame-selection-button.png" style="display: block; margin-left: auto; margin-right: auto;">Clique nele e você verá um poup listando todos os iframe no documento,bem como o proprio documento principal,</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>Nota-se que no momento em que você vai prescisar recarregar a pagina ou fechar e reabrir as ferramentas de desenvolvimento, a fim de ver o pop-up isso esta sendo rastreado como  <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1062233">bug 1062233</a>.</p>
</div>

<p>Se você selecionar uma entrada na lista ,todas as ferramentas na caixa de ferramentas o  <a href="/en-US/docs/Tools/Page_Inspector">Inspector</a> (inspetor), o <a href="/en-US/docs/Tools/Web_Console">Console</a> (console ), o <a href="/en-US/docs/Tools/Debugger">Debugger</a> (depurador) e assim por diante  - e serão agora alvo apenas que  iframe, e será, essencialmente , se comportam como se o resto da pagina não existisse.</p>