了解 DevTools 的新命令菜单及其 60 多项可实现超快工作流的操作。
Cmd/Ctrl+Shift+P 调出命令菜单

在“Sources”(来源)面板中按 Cmd + P
(或 Ctrl + P
)时,系统会显示“Jump to File”(跳转到文件)对话框,但该对话框并不为人熟知,但已经存在了一段时间。现在,我们已经走得更远,开发了一款受文本编辑器启发的命令菜单,可执行 DevTools 中的几乎所有重要操作。
在任意位置(即使页面处于焦点状态!)按 Cmd + Shift + P
(或 Ctrl + Shift + P
)即可调出命令菜单,然后输入过滤条件并按 Enter
触发相应操作。您可以尝试以下一些操作:
- 外观:切换到深色主题
- 开发者工具:固定到底部
- 移动设备:检查设备…
- 网络:离线
借助新的命令菜单,您可以非常快速地浏览和发现开发者工具中的新设置和操作。
想要找到之前也与该快捷方式相关联的“前往会员”对话框?它仍然存在,只需从现在开始按 Cmd + Shift + O
(或 Ctrl + Shift + O
)即可。
美观输出 HTML

我们已经在“源代码”面板中内置了 JS 和 CSS 源代码的格式化功能一段时间了,但最近才扩展了该功能,以支持完整的 HTML 格式化。不妨试试 - 它不仅会重新设置 HTML 格式,还会重新设置其中的 JavaScript 和 CSS 格式!
与往常一样,您可以通过 Twitter 或下方的评论与我们分享您的想法,并通过 crbug.com/new 提交 bug。
下个月见! Paul Bakaus 和 DevTools 团队