谷歌编程图解软件的使用方法如下：
打开方式
按下 `F12` 键或按下 `Shift + Ctrl + I`（在 Mac 上是 `Cmd + Shift + I`）即可打开谷歌浏览器开发者工具。
Console
`Console` 面板用于查看网页运行后提示的消息、错误或者警告以及输出内容。
可以使用 `Console.debug（"输出内容"）` 在控制台输出显示内容，以进行调试。
Resources
`Resources` 面板可以查看网页程序运行后所加载的资源，包括图片、值和Cookies等。
Sources
`Sources` 面板用于查看运行的脚本，通常用于调试程序。开发者需要了解和熟悉 `Sources` 的使用。
Sources 调试使用
在 `Sources` 面板中，可以设置断点，查看变量值，单步执行代码等，以调试网页脚本。
其他功能
Network：查看网站的网络日志，调试HTTP交互过程。
Performance：分析网站性能状态，包括JS脚本执行性能、网页渲染性能、后端请求性能。
Memory：查看当前网页的内存使用情况，检查是否存在内存泄漏。
Application：查看网页的缓存信息，如cookie、localStorage等。
设备仿真
开发者工具中还有设备仿真器，可以模拟不同的设备，如手机、平板等，以测试网页在移动设备上的表现。
修改和动态调整
可以通过拖拽控制台，修改网页的尺寸，动态修改当前网页的分辨率。
这些功能可以帮助开发者更有效地调试和优化网页应用。建议在实际开发过程中，多使用这些工具来提高开发效率和质量。