initial commit

1 files changed, 1217 insertions, 0 deletions

diff --git a/files/zh-cn/tools/keyboard_shortcuts/index.html b/files/zh-cn/tools/keyboard_shortcuts/index.html
new file mode 100644
index 0000000000..f09fc8a840
--- /dev/null
+++ b/files/zh-cn/tools/keyboard_shortcuts/index.html
@@ -0,0 +1,1217 @@
+---
+title: 键盘快捷键
+slug: Tools/Keyboard_shortcuts
+tags:
+  - 工具
+translation_of: Tools/Keyboard_shortcuts
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>这个页面列出了 Firefox 开发者工具的所有快捷键使用方法 。</p>
+
+<p>第一部分列出打开每个工具的快捷键，第二部分列出适用于工具箱本身的快捷键，之后为每个工具部分的快捷键。</p>
+
+<p>依赖本地环境的快捷键没有记录在这个页面。</p>
+
+<h2 id="打开和关闭工具">打开和关闭工具</h2>
+
+<p>这些快捷键可以在浏览器窗口打开指定的工具。对于工具箱中集成的工具，如果已被打开，也可以通过这些快捷键进行关闭操作。对于在新窗口打开的工具（如浏览器控制台），你必须关闭窗口来关闭工具。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开工具箱（激活最近使用的工具）</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">唤起工具箱到前台（当工具箱为分离窗口模式且没有在前台运行）</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> 或 <kbd>F12</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> 或 <kbd>F12</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> 或 <kbd>F12</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">关闭工具箱（当工具箱为分离窗口模式且在前台运行）</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> 或 <kbd>F12</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd> 或 <kbd>F12</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> 或 <kbd>F12</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开 Web 控制台<a href="#opening-closing-web-console-note"><strong><sup>1</sup></strong></a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">切换工具箱</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开调试器<a href="#debugger_shortcut_note"><strong><sup>2</sup></strong></a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开样式编辑器</th>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd><a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开性能分析器</th>
+   <td><kbd>Shift</kbd> + <kbd>F5</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F5</kbd><a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>Shift</kbd> + <kbd>F5</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开网络监视器<a href="#opening-closing-network-monitor-note"><strong><sup>3</sup></strong></a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Q</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>Q</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Q</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">切换开发者工具栏</th>
+   <td><kbd>Shift</kbd> + <kbd>F2</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F2</kbd><a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>Shift</kbd> + <kbd>F2</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">切换响应式设计视图</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>M</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>M</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开浏览器控制台<a href="#opening-closing-browser-console-note"><strong><sup>4</sup></strong></a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>J</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开浏览器工具箱</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> +<kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> +<kbd>Shift</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> +<kbd>Shift</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开代码草稿纸</th>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开 WebIDE</th>
+   <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F8</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">存储探查器<a href="#disabled-tools-shortcut"><strong><sup>5</sup></strong></a></th>
+   <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F9</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a name="opening-closing-web-console-note">1.不同于其他工具箱内工具，该快捷键无法关闭 Web 控制台。因为把焦点集中到了 Web 控制台的命令行。关闭 Web 控制台可以使用全局工具箱快捷键 <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>I</kbd> （Mac：<kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>I</kbd>）。</a></p>
+
+<p><a id="debugger_shortcut_note" name="debugger_shortcut_note">2.从 Firefox 66 开始，这个快捷键不再关联调试器。</a></p>
+
+<p><a id="opening-closing-network-monitor-note" name="opening-closing-network-monitor-note">3.在 Firefox 55 以前的版本上，这个快捷键是 <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Q</kbd> （Mac：<kbd>Cmd</kbd>+<kbd>Opt</kbd>+<kbd>Q</kbd>）</a></p>
+
+<p><a id="opening-closing-browser-console-note" name="opening-closing-browser-console-note">4.到 Firefox 38 为止的版本上，当浏览器控制台在正常 Firefox 窗口上被隐藏，相同的组合键为关闭浏览器控制台。从 Firefox 38 起，如果当浏览器控制台在正常 Firefox 窗口上被隐藏，上面这个组合键将把焦点定位到浏览器控制台。</a></p>
+
+<p><a href="/en-US/docs/Tools_Toolbox#Settings" name="disabled-tools-shortcut">5.该工具在默认情况下是禁用的，需要在设置面板中启用后才能运作。</a></p>
+
+<h2 id="工具箱">工具箱</h2>
+
+<div id="toolbox-shortcuts">
+<p>无论激活的是哪个工具，这些快捷键只在工具箱打开时起作用。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">从左到右切换开发工具</th>
+   <td><kbd>Ctrl</kbd> + <kbd>]</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>]</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>]</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">从右到左切换开发工具</th>
+   <td><kbd>Ctrl</kbd> + <kbd>[</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>[</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>[</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在激活的工具和设置之间切换</th>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在工具箱中所设置的最后两种<a href="/zh-CN/docs/Tools/Tools_Toolbox#Docking_mode">停靠模式</a>间切换</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>D</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">切换分离式控制台（当控制台不是目前选中的工具）</th>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="all-toolbox-tools">
+<p>这些快捷键在工具箱的所有工具中都能使用。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">放大字体</th>
+   <td><kbd>Ctrl</kbd> + <kbd>+</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>+</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>+</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">缩小字体</th>
+   <td><kbd>Ctrl</kbd> + <kbd>-</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>-</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>-</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">重置字体缩放</th>
+   <td><kbd>Ctrl</kbd> + <kbd>0</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>0</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>0</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="代码编辑器">代码编辑器</h2>
+
+<div id="source-editor">
+<p>此表列出了代码编辑器的默认快捷键。</p>
+
+<p>在开发工具选项的<a href="/zh-CN/docs/Tools/Tools_Toolbox#Editor_Preferences">编辑器偏好</a>中，您可以选择使用 Vim、Emacs 或 Sublime Text 的快捷键。</p>
+
+<p>选择这些,访问 <code>about:config</code>，选择设定 <code>devtools.editor.keymap</code> 的值为 "vim" 或 "emacs"或 "sublime"。通过这个设定。通过该方法你可以设定开发者工具中所有的代码编辑器使用的快捷键。并且你需要重新启动编辑器更改才能生效。</p>
+
+<p>从 Firefox 33 起，更改编辑器快捷键可以通过开发者工具箱选项中的<a href="/zh-CN/docs/Tools/Tools_Toolbox#Editor_Preferences">编辑器偏好</a>实现。而不需要通过 <code>about:config</code>。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">跳转到某行</th>
+   <td><kbd>Ctrl</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>J</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>J</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">查找</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">查找下一个</th>
+   <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>G</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">全选</th>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>A</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">剪切</th>
+   <td><kbd>Ctrl</kbd> + <kbd>X</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>X</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>X</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">复制</th>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">粘贴</th>
+   <td><kbd>Ctrl</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>V</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">撤销</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">重做</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Cmd</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">缩进</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">取消缩进</th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">上移行</th>
+   <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">下移行</th>
+   <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">注释/取消注释行</th>
+   <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>/</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>/</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="页面查看器">页面查看器</h2>
+
+<div id="page-inspector">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开查看器</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>C</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="节点选择器">节点选择器</h3>
+
+<p>这些快捷键在开启<a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Select_an_element#With_the_node_picker">节点拾取器</a>时有效。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">选择光标下的元素并退出拾取状态</th>
+   <td><kbd>Click</kbd></td>
+   <td><kbd>Click</kbd></td>
+   <td><kbd>Click</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">选择光标下的元素并保持拾取状态</th>
+   <td><kbd>Shift</kbd> + <kbd>Click</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Click</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Click</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="HTML_面板">HTML 面板</h3>
+
+<p>这些快捷只能工作于在<a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML">查看器的HTML面板</a>。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">删除选中的节点</th>
+   <td><kbd>Delete</kbd></td>
+   <td><kbd>Delete</kbd></td>
+   <td><kbd>Delete</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">撤销节点删除</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Z</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Z</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">重做节点删除</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Cmd</kbd> + <kbd>Y</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> / <kbd>Ctrl</kbd> + <kbd>Y</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动到下一节点（限定展开的节点）</th>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动到上一节点</th>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动到树的第一个节点</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动到树的最后一个节点</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">展开选中的节点</th>
+   <td><kbd>Right arrow</kbd></td>
+   <td><kbd>Right arrow</kbd></td>
+   <td><kbd>Right arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">关闭选中的节点</th>
+   <td><kbd>Left arrow</kbd></td>
+   <td><kbd>Left arrow</kbd></td>
+   <td><kbd>Left arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">（当节点被选中时）开始调试属性</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在节点内移动到下一属性</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在节点内移动到上一属性</th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">（当属性被选中时）开始编辑属性</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">隐藏/显示所选属性</th>
+   <td><kbd>H</kbd></td>
+   <td><kbd>H</kbd></td>
+   <td><kbd>H</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">焦点移动到面板的搜索框</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">编辑 HTML</th>
+   <td><kbd>F2</kbd></td>
+   <td><kbd>F2</kbd></td>
+   <td><kbd>F2</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">停止编辑 HTML</th>
+   <td><kbd>F2</kbd> / <kbd>Ctrl</kbd> +<kbd>Enter</kbd></td>
+   <td><kbd>F2</kbd> / <kbd>Cmd</kbd> + <kbd>Return</kbd></td>
+   <td><kbd>F2</kbd> / <kbd>Ctrl</kbd> +<kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">复制所选节点的外层 HTML</th>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>C</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>C</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">滚动页面至所选节点</th>
+   <td><kbd>S</kbd></td>
+   <td><kbd>S</kbd></td>
+   <td><kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在标记中查找下一个匹配项</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在标记中查找上一个匹配项</th>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Return</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="面包屑栏">面包屑栏</h3>
+
+<p>这些快捷键只在<a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Examine_and_edit_HTML#HTML_breadcrumbs">面包屑导航栏</a>获得焦点时工作。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">移动至导航栏的上一个元素</th>
+   <td><kbd>Left arrow</kbd></td>
+   <td><kbd>Left arrow</kbd></td>
+   <td><kbd>Left arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动至导航栏的下一个元素</th>
+   <td><kbd>Right arrow</kbd></td>
+   <td><kbd>Right arrow</kbd></td>
+   <td><kbd>Right arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">聚焦于 <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/UI_Tour#HTML_pane">HTML 面板</a></th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">聚焦于 <a href="https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/UI_Tour#CSS_pane">CSS 面板</a></th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="CSS_面板">CSS 面板</h3>
+
+<p>这些快捷只能工作于在<a href="/zh-CN/docs/Tools/Page_Inspector/How_to/Examine_and_edit_CSS">查看器的CSS面板</a>。</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">聚焦于 CSS 面板的搜索框</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">清空搜索框内容</th>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+   <td><kbd>Esc</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">通过属性和值步进</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">通过属性和值步退</th>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">开始编辑属性或值（仅规则视图，当这个属性或值被选中但尚未被编辑）</th>
+   <td><kbd>Enter</kbd> 或 <kbd>Space</kbd></td>
+   <td><kbd>Return</kbd> 或 <kbd>Space</kbd></td>
+   <td><kbd>Enter</kbd> 或 <kbd>Space</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在自动补全项中循环增加或减少（仅规则视图，当这个属性或值被编辑时）</th>
+   <td><kbd>Up arrow</kbd> , <kbd>Down arrow</kbd></td>
+   <td><kbd>Up arrow</kbd> , <kbd>Down arrow</kbd></td>
+   <td><kbd>Up arrow</kbd> , <kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">选中当前的自动补全项（仅规则视图，当这个属性或值被编辑时）</th>
+   <td><kbd>Enter</kbd> 或 <kbd>Tab</kbd></td>
+   <td><kbd>Return</kbd> 或 <kbd>Tab</kbd></td>
+   <td><kbd>Enter</kbd> 或 <kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 1 的量增加所选的值</th>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 1 的量减少所选的值</th>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 100 的量增加所选的值</th>
+   <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 100 的量减少所选的值</th>
+   <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Page Down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 10 的量增加所选的值</th>
+   <td><kbd>Shift</kbd> + <kbd>Up arrow</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Up arrow</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 10 的量减少所选的值</th>
+   <td><kbd>Shift</kbd> + <kbd>Down arrow</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Down arrow</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 0.1 的量增加所选的值</th>
+   <td><kbd>Alt</kbd> + <kbd>Up arrow</kbd></td>
+   <td><kbd>Opt</kbd> + <kbd>Up arrow</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">以 0.1 的量减少所选的值</th>
+   <td><kbd>Alt</kbd> + <kbd>Down arrow</kbd></td>
+   <td><kbd>Opt</kbd> + <kbd>Down arrow</kbd></td>
+   <td><kbd>Alt</kbd> + <kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">展示/隐藏更多更多信息（仅计算值视图，当属性被选中时）</th>
+   <td><kbd>Enter</kbd> 或 <kbd>Space</kbd></td>
+   <td><kbd>Return</kbd> 或 <kbd>Space</kbd></td>
+   <td><kbd>Enter</kbd> 或 <kbd>Space</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开关于此属性的 MDN 参考（仅计算值视图，当属性被选中时）</th>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+   <td><kbd>F1</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在样式编辑器中打开当前 CSS（仅计算值视图，当属性的更多信息显示且 CSS 文件参考被激活）</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="调试器">调试器</h2>
+
+<div id="debugger">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开调试器</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在当前文件中搜索</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在当前文件中搜索下一个</th>
+   <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>G</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>G</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">通过文件名搜索脚本</th>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>P</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在断点继续执行</th>
+   <td><kbd>F8</kbd></td>
+   <td><kbd>F8</kbd> <a href="https://developer.mozilla.org/zh-CN/docs/Tools/Keyboard_shortcuts%24edit#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>F8</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">步越</th>
+   <td><kbd>F10</kbd></td>
+   <td><kbd>F10</kbd> <a href="https://developer.mozilla.org/zh-CN/docs/Tools/Keyboard_shortcuts%24edit#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>F10</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">步进</th>
+   <td><kbd>F11</kbd></td>
+   <td><kbd>F11</kbd> <sup><a href="https://developer.mozilla.org/zh-CN/docs/Tools/Keyboard_shortcuts%24edit#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
+   <td><kbd>F11</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">步出</th>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd> <sup><a href="https://developer.mozilla.org/zh-CN/docs/Tools/Keyboard_shortcuts%24edit#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a name="mac-function-key-note">1. 默认情况下，某些快捷键在一些 Mac 电脑上被映射到了特殊功能，比如：改变屏幕亮度或音量。详情查看</a><a href="http://support.apple.com/kb/HT3399">了解如何更改 Mac 上的功能键行为</a>。按住 Function 键来使用一个重映射的快捷键作为标准功能键（所以，打开分析器应该使用<kbd>Shift</kbd> + <kbd>Function</kbd> + <kbd>F5</kbd>）。</p>
+</div>
+
+<h2 id="调试器（Firefox_52_之前）">调试器（Firefox 52 之前）</h2>
+
+<div id="debugger">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开调试器</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">使用 <a href="/en-US/docs/Tools/Debugger/How_to/Search_and_filter" title="/en-US/docs/Tools/Debugger/How_to/Search_and_filter">script filter</a> 在当前源码搜索</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在当前源码查找下一个</th>
+   <td><kbd>Enter</kbd> / <kbd>Up arrow</kbd></td>
+   <td><kbd>Enter</kbd> / <kbd>Up arrow</kbd></td>
+   <td><kbd>Enter</kbd> / <kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在当前源码查找上一个</th>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd> / <kbd>Down arrow</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd> / <kbd>Down arrow</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd> / <kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">使用 <a href="/en-US/docs/Tools/Debugger/How_to/Search_and_filter" title="/en-US/docs/Tools/Debugger/How_to/Search_and_filter">script filter</a> 在所有源码搜索</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">按照名称搜索脚本</th>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd> / <kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>P</kbd> / <kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd> / <kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">搜索函数定义</th>
+   <td><kbd>Ctrl</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>D</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>D</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">当执行停了下来时过滤变量</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>V</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Alt</kbd> + <kbd>V</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">下个断点恢复执行</th>
+   <td><kbd>F8</kbd></td>
+   <td><kbd>F8</kbd><a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>F8</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">步越</th>
+   <td><kbd>F10</kbd></td>
+   <td><kbd>F10</kbd><a href="#mac-function-key-note" title="#mac-function-key-note"><sup>1</sup></a></td>
+   <td><kbd>F10</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">步进</th>
+   <td><kbd>F11</kbd></td>
+   <td><kbd>F11</kbd><sup><a href="#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
+   <td><kbd>F11</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">步出</th>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd><sup><a href="#mac-function-key-note" title="#mac-function-key-note">1</a></sup></td>
+   <td><kbd>Shift</kbd> + <kbd>F11</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在选中行设置一个断点</th>
+   <td><kbd>Ctrl</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>B</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在选中行设置一个条件断点</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>B</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">添加监视表达式到所选文本</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">使用 <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Search_and_filter" title="/en-US/docs/Tools/Debugger/How_to/Search_and_filter">script filter </a>跳至所选行</th>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">使用 <a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/How_to/Search_and_filter" title="/en-US/docs/Tools/Debugger/How_to/Search_and_filter">script filter </a>搜索</th>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在<a href="https://developer.mozilla.org/en-US/docs/Tools/Debugger/UI_Tour#Source_pane">源代码面板</a>，跳转至函数定义</th>
+   <td><kbd>Ctrl</kbd> + <kbd>click </kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>click</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>click </kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<p><a name="mac-function-key-note">1. 默认情况下，某些快捷键在一些 Mac 电脑上被映射到了特殊功能，比如：改变屏幕亮度或音量。详情查看</a><a href="http://support.apple.com/kb/HT3399">了解如何更改 Mac 上的功能键行为</a>。按住 Function 键来使用一个重映射的快捷键作为标准功能键（所以，打开分析器应该使用<kbd>Shift</kbd> + <kbd>Function</kbd> + <kbd>F5</kbd>）。</p>
+</div>
+
+<h2 id="Web_控制台">Web 控制台</h2>
+
+<div id="web-console">
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开Web控制台</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">在消息显示面板搜索</th>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>F</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>F</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开<a href="/zh-CN/docs/Tools/Web_Console#Inspecting_objects">对象查看器面板</a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>Click</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Click</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Click</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">清除<a href="/zh-CN/docs/Tools/Web_Console#Inspecting_objects">对象查看器面板</a></th>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">焦点到命令行</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Opt</kbd> + <kbd>K</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>K</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">清空输出</th>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="命令行解析器">命令行解析器</h3>
+
+<p>这些快捷键适用于焦点在<a href="/zh-CN/docs/Tools/Web_Console#The_command_line_interpreter">命令行解析器</a>时使用：</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">滚动到控制台输出的最开始（命令行为空时）</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">滚动到控制台输出的最后（命令行为空时）</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">向上翻页控制台输出</th>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">向下翻页控制台输出</th>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">通过<a href="/zh-CN/docs/Tools/Web_Console#Command_history">历史命令</a>后退</th>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">通过历史命令前进</th>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移到行的开头</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>A</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>A</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移到行的末尾</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">执行当前表达式</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Return</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">添加新行以便输入多行表达式</th>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Return</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Enter</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<h3 id="自动补全弹窗">自动补全弹窗</h3>
+
+<p>这些快捷键适用于<a href="/zh-CN/docs/Tools/Web_Console#Autocomplete">自动补全弹窗</a>出现时使用：</p>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">选择当前自动补全建议</th>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+   <td><kbd>Tab</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">取消自动补全弹窗</th>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动到前一个自动补全建议</th>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+   <td><kbd>Up arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">移动到下一个自动补全建议</th>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+   <td><kbd>Down arrow</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">上一页补全建议</th>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+   <td><kbd>Page up</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">下一页补全建议</th>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+   <td><kbd>Page down</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">回滚到开始的补全建议</th>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+   <td><kbd>Home</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">滚动到最后的补全建议</th>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+   <td><kbd>End</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<h2 id="样式编辑器">样式编辑器</h2>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开样式编辑器</th>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F7</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开自动补全弹窗</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
+  </tr>
+ </tbody>
+</table>
+
+<div id="scratchpad">
+<h2 id="代码草稿纸">代码草稿纸</h2>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">打开代码草稿纸</th>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>F4</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">运行代码草稿纸代码</th>
+   <td><kbd>Ctrl</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>R</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">运行代码草稿纸代码，并对返回值使用<a href="/zh-CN/docs/Tools/Web_Console#Inspecting_objects">对象查看器</a></th>
+   <td><kbd>Ctrl</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>I</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>I</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">运行代码草稿纸代码，在选中内容后面以注释的形式插入返回的结果</th>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>L</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>L</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">重新评估当前函数</th>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>E</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>E</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">重新加载代码，并运行</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>R</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">保存当前到文件</th>
+   <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>S</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>S</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打开已有文件</th>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>O</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>O</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">创建一个新代码</th>
+   <td><kbd>Ctrl</kbd> + <kbd>N</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>N</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>N</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">关闭代码草稿纸</th>
+   <td><kbd>Ctrl</kbd> + <kbd>W</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>W</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>W</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">打印草稿纸中代码</th>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>P</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>P</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">显示自动补全建议</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Space</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">显示内联文档</th>
+   <td><kbd>Shift</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>Space</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">显示内联文档</th>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Cmd</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></td>
+   <td><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Space</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<div id="eyedropper">
+<h2 id="取色器">取色器</h2>
+
+<table class="fullwidth-table">
+ <tbody>
+  <tr>
+   <th scope="row" style="width: 40%;">命令</th>
+   <th scope="col">Windows</th>
+   <th scope="col">macOS</th>
+   <th scope="col">Linux</th>
+  </tr>
+  <tr>
+   <th scope="row">选取当前颜色</th>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Enter</kbd></td>
+   <td><kbd>Enter</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">解除吸管</th>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+   <td><kbd>Escape</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">1 像素为单位移动</th>
+   <td><kbd>Arrow keys</kbd></td>
+   <td><kbd>Arrow keys</kbd></td>
+   <td><kbd>Arrow keys</kbd></td>
+  </tr>
+  <tr>
+   <th scope="row">10 像素为单位移动</th>
+   <td><kbd>Shift</kbd> + <kbd>arrow keys</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>arrow keys</kbd></td>
+   <td><kbd>Shift</kbd> + <kbd>arrow keys</kbd></td>
+  </tr>
+ </tbody>
+</table>
+</div>
+
+<p> </p>