谷歌浏览器扩展程序调试模式（Chrome DevTools）是一种强大的工具，可以帮助开发者在开发过程中进行代码调试、性能分析、网络请求查看等操作。以下是如何使用谷歌浏览器扩展程序调试模式的步骤：
1. 安装并打开谷歌浏览器：确保你的计算机上已经安装了最新版本的谷歌浏览器。然后启动浏览器，并确保它处于最新版本。
2. 访问Chrome DevTools：在浏览器地址栏输入`chrome://inspect`，然后按回车键。这将打开Chrome DevTools控制台，你可以在其中进行各种操作。
3. 启用开发者模式：在DevTools控制台中，点击顶部菜单栏的“更多”按钮，然后选择“开发者工具”。这将启用开发者模式，允许你访问更多的功能。
4. 配置调试模式：在DevTools控制台中，点击右上角的“设置”按钮，然后选择“开发者工具”。在弹出的窗口中，你可以配置调试模式，包括断点、变量跟踪、错误检查等。
5. 使用断点：要使用断点，你需要在代码中设置一个特定的行号。例如，要在第5行设置断点，可以在该行的开头添加`breakpoint: 5`。当代码执行到这一行时，浏览器将暂停执行，直到你触发断点。
6. 单步执行：要单步执行代码，可以在代码中添加`step()`函数。例如，要单步执行`console.log("Hello, World!")`，可以在该行前添加`step()`。这样，每次执行到这一行时，浏览器将显示当前执行的代码行号。
7. 查看变量和表达式：要查看变量和表达式的值，可以在代码中添加`console.log(variableName)`或`console.log(expression)`。例如，要查看`x`变量的值，可以在代码中添加`console.log(x)`。
8. 查看网络请求：要查看网络请求，可以在代码中添加`fetch(url)`。例如，要查看从`https://example.com`发起的网络请求，可以在代码中添加`fetch('https://example.com')`。
9. 查看性能分析：要查看性能分析，可以在代码中添加`performance.mark()`和`performance.measure()`。例如，要查看页面加载时间，可以在代码中添加`performance.mark()`，然后等待一段时间，最后添加`performance.measure()`。
10. 保存和导出结果：要保存和导出结果，可以在DevTools控制台中点击“文件”菜单，然后选择“保存为HTML”或“导出为JSON”。这样，你就可以将调试结果保存为HTML文件或JSON文件。
通过以上步骤，你可以使用谷歌浏览器扩展程序调试模式进行代码调试、性能分析、网络请求查看等操作。这有助于提高开发效率，发现和修复问题。