以下是谷歌浏览器开发者模式开启及使用指南：
1. 开启开发者模式
- 通过菜单进入：打开谷歌浏览器，点击右上角的三个竖点（菜单按钮），选择“更多工具”，然后点击“开发者工具”。
- 使用快捷键：在Windows和Linux系统上，按Ctrl+Shift+I；在Mac系统上，按Cmd+Option+I。也可以直接按F12键打开开发者工具。
2. 认识开发者工具界面
- 元素面板：可以查看和编辑HTML及CSS代码，实时反映更改。在页面元素上右键点击，选择“检查”，即可在元素面板中定位到该元素的HTML代码和CSS样式。
- 控制台面板：显示JavaScript错误信息、日志和调试信息。可以在控制台中输入JavaScript代码进行调试，也可以查看页面加载过程中的脚本错误。
- 网络面板：记录页面加载过程中所有的网络请求，包括请求的URL、状态码、响应时间等。可以通过设置过滤器来筛选特定类型的请求，如XHR、CSS、JS等。
- 性能面板：用于分析页面的性能，包括加载时间、脚本执行时间、渲染时间等。可以通过录制页面加载过程来生成性能报告，帮助优化页面性能。
- 内存面板：主要用于分析JavaScript代码的内存使用情况，可以帮助检测内存泄漏问题。
- 应用程序面板：可以查看和管理浏览器中的应用程序数据，如Cookies、LocalStorage、SessionStorage等。也可以在这里卸载不需要的扩展程序。
3. 使用开发者模式进行调试
- 设置断点：在源代码中设置断点，当代码执行到该位置时会暂停执行，方便查看变量值、调用栈等信息。
- 查看和修改DOM：在元素面板中可以直接查看和修改页面的DOM结构，实时观察页面变化。
- 模拟移动设备：在开发者工具中可以模拟不同的移动设备，查看页面在移动设备上的显示效果和性能。
- 调试JavaScript代码：在控制台面板中可以输入JavaScript代码进行调试，也可以在源代码中设置断点，逐步执行代码，查看变量值和函数调用情况。