您可以通过多种方式打开 Chrome 开发者工具。选择您最喜欢的选项。
右键点击 > 检查
右键点击网页上的任意元素,然后选择检查。
“更多工具”菜单
依次选择 > 更多工具 > 开发者工具。
快捷方式
如果您喜欢使用键盘,请参阅以下快捷键备忘单:
操作系统 | 元素 | 控制台 | 您上次使用的面板 |
---|---|---|---|
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 表示您选择的选项。
在每个新标签页中自动打开 DevTools
如需了解如何在 Windows、Linux 或 MacOS 上自动打开 Chrome 开发者工具,请参阅在每个新标签页中自动打开开发者工具。