快捷来源面板
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
您可以使用快速来源面板查看和修改源文件,同时还能访问其他面板。
概览
通常,您会使用 Sources 面板处理源文件,并且需要从 Sources 面板切换到其他面板才能访问其他面板。默认情况下,快速来源面板会在底部的抽屉式导航栏中打开,因此您可以同时使用其他面板。
打开“快捷来源”面板
如需打开快捷来源面板,请执行以下操作:
- 打开开发者工具。
- 按如下键打开命令菜单:
- macOS:Command + Shift + P
- Windows、Linux、ChromeOS:Ctrl + Shift + P
![命令菜单包含](https://developer.chrome.com/static/docs/devtools/quick-source/image/command-menu-quick-source.png?hl=zh-cn)
- 开始输入
Quick source
,选择显示快速来源,然后按 Enter 键。DevTools 会在开发者工具窗口底部显示 Quick source 面板。
或者,选择右上角的 more_vert 更多选项 > 更多工具 > 快速来源。
打开文件
快速来源面板会自动在来源面板中打开上次修改的文件。如需手动打开源文件,您可以执行以下任一操作:
- 点击打开文件,然后从下拉列表中选择源文件。
![“快捷来源”面板的“打开文件”按钮。](https://developer.chrome.com/static/docs/devtools/quick-source/image/qs-open-file-link.png?hl=zh-cn)
- 或者按:
- macOS:Command + P
- Windows、Linux、ChromeOS:Ctrl + P
快速来源面板处于打开状态时,使用 Command+P 快捷键会在快速来源面板(而非来源面板)中打开源文件。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2024-05-17。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2024-05-17。"],[],[]]