aboutsummaryrefslogtreecommitdiff
path: root/files/zh-cn/tools/working_with_iframes/index.html
blob: 5ec789e98368eed41e7697173358484b0ce075f0 (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
29
30
31
---
title: Working with iframes
slug: Tools/Working_with_iframes
tags:
  - Frames
  - 工具
  - 开发者工具
  - 调试
translation_of: Tools/Working_with_iframes
---
<div>{{ToolsSidebar}}</div>

<div class="geckoVersionNote">
<p>这是一项Firefox 34中的新功能。</p>
</div>

<p>从Firefox 34往后,你可以通过打开开发者工具来查看一个文档中的特定iframe。</p>

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

<p>你将看到工具栏中有个按钮:</p>

<p><img alt="" src="https://mdn.mozillademos.org/files/8547/frame-selection-button.png" style="display: block; margin-left: auto; margin-right: auto;">点击此按钮,你将看到一个弹出列表,此列表列出了文档中的所有iframe和文档本身。</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>请注意为了查看这个弹出列表,你必须刷新页面或关闭再重新打开开发者工具。这个bug在 <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1062233">bug 1062233</a>里记录.</p>
</div>

<p>如果你选择了列表中的某一项,工具箱中的所有工具(查看器、控制台、调试器等)将会只针对当前的iframe,而且这些工具将会表现的好像页面中的其他部分不存在一样。</p>