原文地址：https://juejin.im/post/5d981bb8e51d4577ff0d9ed0#heading-12 作者：刘伟C
我觉得后端开发工程师也应该熟练掌握 Chrome 调试工具的NetWork模块，这样可以更好的定位问题，对于项目开发绝对是有利无害的。 小结：
- 控制模块
- 过滤
- 时间轴
- 资源加载及服务调用列表
- 当前页面请求信息概览
在项目开发中，不可避免需要调用很多后台服务，资源加载，这些所有的Http请求以及资源加载都能在Chrome的调试工具中的NetWork模块上进行观察，熟练掌握这个NetWork模块，能够更好的完成前后端接口联调，进行一些简单的性能分析，甚至据此作出性能优化，下面将简单介绍我对NetWork模块认识和简要理解。
控制模块的概览如图所示，将其划分成了9个功能点，下面一一介绍。
停止记录就是个红色的按钮，当点击后NetWork模块就不会再进行任何的Http请求记录，重新点击后又可以打开记录。
点击清除记录按钮后，资源及服务调用列表中已经记录的所有请求将会被清除。
截屏模式为一个摄像机的标志，点击后开启截屏模式的功能，当重新刷新页面后，会对你的可视区域进行定时捕获截屏，同时当鼠标移动到截屏图片上时，在时间轴模块中会展示黄色竖线，表示截取这张图片时所处的时间节点。
点击该按钮可以控制过滤栏的显示隐藏。
点击该按钮后资源及服务调用列表每一行的图标变大，同样可视区域所能同时浏览的http请求记录变少，实际用处不是很大。