DevTools Digest - 使用新的命令菜单提升功能

Paul Bakaus
Paul Bakaus

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

美观的 HTML。

我们已经在“源代码”面板中内置了 JS 和 CSS 源代码的格式化功能一段时间了,但最近才扩展了该功能,以支持完整的 HTML 格式化。不妨试试 - 它不仅会重新设置 HTML 格式,还会重新设置其中的 JavaScript 和 CSS 格式!


与往常一样,您可以通过 Twitter 或下方的评论与我们分享您的想法,并通过 crbug.com/new 提交 bug。

下个月见! Paul Bakaus 和 DevTools 团队