1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
---
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='&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>&lt;/iframe>' style='background-color: rgb(255, 255, 255); font-family: "Open Sans", arial, x-locale-body, sans-serif;'><iframe width="560" height="315" src="https://www.youtube.com/embed/Me9hjqd74m8" frameborder="0" allowfullscreen></iframe></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>
|