blob: 5d882452884ac2ec08b8315a6262d8288d960ef9 (
plain)
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
|
---
title: Working with iframes
slug: Tools/Working_with_iframes
tags:
- Debuggear devtools herramientas
translation_of: Tools/Working_with_iframes
---
<div class="geckoVersionNote">
<p>Esta funcionalidad es nueva en Firefox 34.</p>
</div>
<p>A partir de Firefox 34 en adelante, puedes apuntar las developer tools a un <a href="/en-US/docs/Web/HTML/Element/iframe"><code>iframe</code></a> específico dentro de un documento.</p>
<p>{{EmbedYouTube("Me9hjqd74m8")}}</p>
<p>Esta funcionalidad está desabilitada por defecto: para habilitarla, abre las <a href="/en-US/docs/Tools/Tools_Toolbox#Settings">developer tool settings</a> y selectiona "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;">Podrás ver un nuevo botón en la barra de herramientas:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/8547/frame-selection-button.png" style="display: block; margin-left: auto; margin-right: auto;">Haz click en el y verás un popup con una lista de todos los iframes en el documento, además del 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>Por el momento necesitarás recargar la página o cerrar y reabrir las developer tools para poder ver el popup. Este problema esta siendo sequido como <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1062233">bug 1062233</a>.</p>
</div>
<p>Si selecionas una entrada en la lista, todas las herramientas en la barra de herramientas - el<span style="line-height: 1.5;"> </span><a href="/en-US/docs/Tools/Page_Inspector" style="line-height: 1.5;">Inspector</a><span style="line-height: 1.5;">, la </span><a href="/en-US/docs/Tools/Web_Console" style="line-height: 1.5;">Console</a><span style="line-height: 1.5;">, el </span><a href="/en-US/docs/Tools/Debugger" style="line-height: 1.5;">Debugger</a><span style="line-height: 1.5;"> demás - apuntaran ahora al iframe selecionado y se comportaran como si el resto de la pagina no existiese.</span></p>
|
