开发者工具提示:打开开发者工具的不同方式
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
您可以通过多种方式打开 Chrome 开发者工具。选择您最喜欢的选项。
右键点击 > 检查
右键点击网页上的任意元素,然后选择检查。
![下拉菜单中的“检查”选项。](https://developer.chrome.com/static/blog/devtools-tips-15/image/the-inspect-option-the-d-62b7b93fd1e41.png?hl=zh-cn)
依次选择
> 更多工具 > 开发者工具。
![“更多工具”菜单。](https://developer.chrome.com/static/blog/devtools-tips-15/image/the-more-tools-menu-f7040195ebd6c.png?hl=zh-cn)
快捷方式
如果您喜欢使用键盘,请参阅以下快捷键备忘单:
操作系统 |
元素 |
控制台 |
您上次使用的面板 |
Windows 或 Linux |
Ctrl + Shift + C |
Ctrl + Shift + J |
F12 Ctrl + Shift + I |
Mac |
Cmd + Option + C |
Cmd + Option + J |
Fn + F12 Cmd + Option + I |
轻松记住快捷键的方法:
- C 代表 CSS。
- J 表示 JavaScript。
- I 表示您选择的选项。
如需了解如何在 Windows、Linux 或 MacOS 上自动打开 Chrome 开发者工具,请参阅在每个新标签页中自动打开开发者工具。
了解详情
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2022-10-26。
[[["易于理解","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):2022-10-26。"],[],[]]