在命令菜单中运行命令

命令菜单提供了一种快速浏览 Chrome DevTools UI 和完成常见任务(例如禁用 JavaScript)的方法。您可能熟悉 Visual Studio Code 中称为命令面板的类似功能,它是命令菜单的最初灵感。

img

打开命令菜单

打开命令菜单:

  • 键入 Control+Shift+P (Windows / Linux) 或者 Command+Shift+P (Mac)。
  • 点击 Customize and control DevTools. 自定义和控制DevTools,然后选择运行命令

img

打开文件

如果您使用打开命令菜单中概述的工作流程,则命令菜单会在文本框中被打开并且会前置一个运行 >

但如果是为了打开一个文件,删除**>**符号并输入文件名即可。

img

The Run prepend changes to Open and DevTools searches for relevant files instead。

另外,您也可以使用以下方式直接进入到打开文件菜单:

  • 键入Control+P (Windows / Linux) 或者 Command+P (Mac).

  • 点击 Customize and control DevTools. (自定义和控制DevTools),然后选择运行命令

打开忽略的文件

注意:这是Chrome中从版本106开始提供的试验性预览功能。

默认情况下,DevTools会隐藏已知第三方的文件。要从菜单中打开这些文件,请在源文件面板中禁用隐藏已忽略的源选项。

查看其他可用操作

查看其他可用的操作,可以在命令菜单中删除 > 符号并输入 ?

img