开发者工具提示：打开开发者工具的不同方式

Sofia Emelianova
Sofia Emelianova
GitHub

您可以通过多种方式打开 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 开发者工具，请参阅在每个新标签页中自动打开开发者工具。

了解详情