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

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 表示您的选择。

在每个新标签页上自动打开开发者工具

如需了解如何在 Windows、Linux 或 MacOS 上自动打开 Chrome 开发者工具，请参阅在每个新标签页上自动打开开发者工具。

了解详情