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

Paul Bakaus
Paul Bakaus

了解开发者工具的全新命令菜单,以及其中的 60 多项操作,可实现超快速的工作流。

Cmd/Ctrl+Shift+P 调出命令菜单

开发者工具中的命令菜单

按下“Sources”面板中的 Cmd + P(或 Ctrl + P)时出现的“跳到文件”对话框并不为人所知,但已经存在了一段时间。现在,我们再进一步,开发了一个基于文本编辑器的命令菜单,几乎可以执行开发者工具中的每项重要操作。

在任意位置(即使页面获得焦点!)按 Cmd + Shift + P(或 Ctrl + Shift + P)即可调出命令菜单,然后输入内容以进行过滤并按 Enter 以触发操作。您可以尝试以下操作示例:

  • 外观:切换到深色主题
  • 开发者工具:固定到底部
  • 移动设备:检查设备...
  • 网络:进入离线状态

新的命令菜单可以在开发者工具中以超快速的方式导航和发现新设置和操作。

在寻找之前也与该快捷方式相关联的旧版“转到成员”对话框?它仍在那里,今后只需点击 Cmd + Shift + O(或 Ctrl + Shift + O)即可。

美观输出 HTML

漂亮的 HTML。

“Sources”面板中内置了 JS 和 CSS 源代码美观输出功能已有一段时间了,不过我们刚刚对其进行了扩展,以支持全面的 HTML 美观打印功能。快来试试吧!它不仅会重新设置 HTML 的格式,还会重新设置其中的 JavaScript 和 CSS 的格式!


与往常一样,通过 Twitter 或下面的评论告诉我们您的想法,并将 bug 提交至 crbug.com/new

下个月再见吧! Paul Bakaus 和开发者工具团队