您可以使用快速来源面板查看和修改源文件,同时还能访问其他面板。
概览
通常,您会使用 Sources 面板处理源文件,并且需要从 Sources 面板切换到其他面板才能访问其他面板。默认情况下,快速来源面板会在底部的抽屉式导航栏中打开,因此您可以同时使用其他面板。
打开“快捷来源”面板
如需打开快捷来源面板,请执行以下操作:
- 打开开发者工具。
- 按如下键打开命令菜单:
- macOS:Command + Shift + P
- Windows、Linux、ChromeOS:Ctrl + Shift + P
- 开始输入
Quick source
,选择显示快速来源,然后按 Enter 键。DevTools 会在开发者工具窗口底部显示 Quick source 面板。
或者,选择右上角的 more_vert 更多选项 > 更多工具 > 快速来源。
打开文件
快速来源面板会自动在来源面板中打开上次修改的文件。如需手动打开源文件,您可以执行以下任一操作:
- 点击打开文件,然后从下拉列表中选择源文件。
- 或者按:
- macOS:Command + P
- Windows、Linux、ChromeOS:Ctrl + P
快速来源面板处于打开状态时,使用 Command+P 快捷键会在快速来源面板(而非来源面板)中打开源文件。