以下是谷歌浏览器开发者工具网络监控的教程：
打开谷歌浏览器，在 Windows 系统中按 F12 键或者 Ctrl+Shift+I 键；在 Mac 系统中按 Cmd+Option+I 键。或者在页面上任意位置点击右键，选择“检查”。还可以点击浏览器右上角的三个垂直排列的点，点击“更多工具”，然后选择“开发者工具”。
在开发者工具界面中，点击顶部的“Network”标签，即可进入网络监控面板。在这里可以看到所有当前页面发出的网络请求列表。
通过过滤器栏可以快速找到特定的网络请求。比如想要查看图片资源的加载情况，可以在过滤器栏中选择“Img”，这样就能只显示图片相关的网络请求。
点击某个具体的网络请求，可以查看该请求的详细信息，包括请求头、响应头、请求体、响应体等。这些信息对于分析网络问题非常有帮助。例如，如果发现某个请求返回了错误状态码，可以通过查看响应头和响应体来了解具体的错误原因。
在网络监控面板中，还可以进行一些操作来模拟不同的网络环境。比如可以设置网络速度为慢速、快速等，观察网页在不同网络条件下的加载情况。这对于优化网页性能，提高网页在不同网络环境下的兼容性非常有帮助。