---
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>