在谷歌浏览器（Google Chrome）中打开开发者工具有多种方法，以下是常用的几种方式

快捷键（最快捷）

• Windows/Linux：按 F12 键，或 Ctrl + Shift + I。
• Mac：按 Command + Option + I。

右键菜单打开

• 在网页任意位置 右键点击，选择 “检查”（Inspect）。

通过菜单栏打开

• 点击浏览器右上角的 三个点（菜单按钮）→ 更多工具 → 开发者工具。

其他快捷键选项

• 直接打开控制台：Ctrl + Shift + J（Windows/Linux）或 Command + Option + J（Mac），会直接聚焦到 Console（控制台）选项卡。
• 检查特定元素：按 Ctrl + Shift + C（Windows/Linux）或 Command + Option + C（Mac），可快速进入元素选择模式。

通过设置打开

• 点击菜单按钮 → 设置 → 左侧菜单栏底部的“更多工具” → 选择 开发者工具（此方法较少用）。

开发者工具常用功能：

打开后,你会看到顶部有多个选项卡，

• Elements（元素）：查看/修改 HTML 和 CSS。
• Console（控制台）：运行 JavaScript 代码、查看日志和错误。
• Sources（源代码）：调试 JavaScript、查看文件资源。
• Network（网络）：监控网络请求和加载性能。
• Application（应用）：管理缓存、本地存储等。

提示：

• 开发者工具可以拖动为独立窗口,或停靠在浏览器底部/侧边（点击右上角的布局按钮调整）。
• 如需临时禁用开发者工具,再次按 F12 或关闭窗口即可。

根据你的需求选择合适的方式打开即可！