快捷来源面板

Dale St. Marthe
Dale St. Marthe
LinkedIn

您可以使用快速来源面板查看和修改源文件，同时还能访问其他面板。

概览

通常，您会使用 Sources 面板处理源文件，并且需要从 Sources 面板切换到其他面板才能访问其他面板。默认情况下，快速来源面板会在底部的抽屉式导航栏中打开，因此您可以同时使用其他面板。

打开“快捷来源”面板

如需打开快捷来源面板，请执行以下操作：

  1. 打开开发者工具。
  2. 按如下键打开命令菜单：
    • macOS：Command + Shift + P
    • Windows、Linux、ChromeOS：Ctrl + Shift + P 命令菜单包含
  3. 开始输入 Quick source，选择显示快速来源，然后按 Enter 键。DevTools 会在开发者工具窗口底部显示 Quick source 面板。

或者，选择右上角的 more_vert 更多选项 > 更多工具 > 快速来源。

打开文件

快速来源面板会自动在来源面板中打开上次修改的文件。如需手动打开源文件，您可以执行以下任一操作：

  • 点击打开文件，然后从下拉列表中选择源文件。 “快捷来源”面板的“打开文件”按钮。
  • 或者按：
    • macOS：Command + P
    • Windows、Linux、ChromeOS：Ctrl + P

快速来源面板处于打开状态时，使用 Command+P 快捷键会在快速来源面板（而非来源面板）中打开源文件。