Web Inspector 键盘快捷键

Web Inspector 提供了丰富工具,让 Web 开发更简单高效。为了帮助您提高效率,Web Inspector 包含许多常用操作的键盘快捷键。这些快捷键将帮助您简化操作流程,减少完成工作所需精力。

Web Inspector Keyboard Shortcuts

您可以通过将鼠标悬停在界面元素上并查看其工具提示来了解快捷键。我们整理了一份实用的快捷键参考列表,以便您更轻松地使用 Web Inspector。

调试器快捷键

这些快捷键适用于 Web Inspector 的任何面板,而不仅限于调试器。一个例外是 ⌘Y — 在编辑代码时,⌘Y 会注释掉一行。

Debugger Shortcuts
⌘Y 禁用断点
⌃⌘Y⌘\ 继续执行脚本
F6⌘’ 步过
F7⌘; 步入
F8⇧⌘; 步出

搜索

CSS 选择器和 XPath 可用于全局搜索和本地搜索。

⇧⌘F — 全局搜索,它搜索所有资源。
⌘F — 本地搜索,在当前选定的面板中搜索(例如,资源或控制台)。

Search

隐藏元素

按键 H 通过为其设置 visibility: hidden 来隐藏当前选定的元素。与删除节点(通过按 delete 键或设置 display: none)不同,设置 visibility: hidden 不会移动网页上的任何其他元素。

选择下一个和上一个标签页

与在 Safari 中 ⇧⌘]⇧⌘[ 分别选择下一个和上一个标签页类似,在 WebKit Inspector 未停靠时,⇧⌘]⇧⌘[ 选择下一个和上一个标签页。

切换分屏控制台

按键 Esc 聚焦到快速控制台。聚焦后,再次按 Esc 键切换分屏控制台。

控制台过滤器

按住 键点击可以选中多个过滤器。

清除控制台

控制台不仅可以通过点击垃圾桶图标或执行 console.clear() 清除,还可以通过按下 ⌘K⌃L 清除。

Clear console

反馈

所有这些键盘快捷键在 Safari 8 和 9 中都可用。请在 Twitter 上通过 @webkit 告知您喜欢、不喜欢或希望实现的键盘快捷键。如果超过 140 个字符,请提交错误报告

注意:通过Web Inspector 参考文档了解更多关于 Web Inspector 的信息。