以下是初学者使用谷歌浏览器开发者工具的正确方式：
1. 打开与关闭：
- 在 Windows/Linux 上，可按 Ctrl+Shift+I 或 F12；在 macOS 上，按 Cmd+Option+I。也可点击浏览器右上角的三个点，选择“更多工具”>“开发者工具”，或者右键点击页面元素，选择“检查”。
2. 界面认识：
- 元素面板（Elements）：用于查看和编辑网页的 HTML 结构和 CSS 样式，可实时修改页面元素的样式、属性等，查看页面布局和样式的变化。
- 控制台面板（Console）：可以输出日志信息，执行 JavaScript 代码，查看报错信息，方便调试脚本。
- 源代码面板（Sources）：能够查看网页的 JavaScript 源代码，可在此设置断点，逐行调试 JavaScript 代码。
- 网络面板（Network）：监控网页的网络请求，包括请求的 URL、状态码、传输时间等，有助于分析网页加载性能和资源加载情况。
3. 常用操作：
- 在元素面板中，通过鼠标点击或按方向键选择元素，在右侧样式区域修改 CSS 属性值，如颜色、字体大小等，可实时看到页面效果。
- 在控制台输入 JavaScript 表达式或命令，如 `console.log()` 输出日志，`document.getElementById()` 获取元素等，按回车执行。
- 在源代码面板找到脚本文件，点击行号设置断点，然后刷新页面或触发相关操作，调试 JavaScript 代码。
- 在网络面板，可点击列标题排序，筛选特定类型的请求，如图片、CSS 文件等，还可右击请求查看详细信息或复制链接地址。
4. 调整工具位置和显示：
- 根据需要，可将开发者工具停靠在浏览器窗口的底部、右侧或左侧，也可将其作为独立窗口显示在不同屏幕上，方便同时查看网页和工具内容。