每个前端都会常年使用devtools，甚至绝大多数工作只需要一个IDE和一个chrome就可以完成。但是有一些能切实提高开发效率的功能，还是有不少人不了解的，那么下面一点点梳理一下，今天聊聊network
使用'Network'的两个一般场景
-
想确认某个请求确实发送了或者确实收到了响应
-
检查某个请求的发送和接收的数据时否符合预期
数百上千个请求，需要专注于自己想看到的请求
-
当自己要查看的请求已经全部加载完成时，可以点击左上角大红点，停止加载网络日志
-
Filter是一个非常强大的过滤器，类似搜索引擎使用方法
-
输入相应字符串可以只显示url里包含这个字符串的请求
-
输入的字符串前加'-'，则仅把匹配这个字符串的请求过滤掉
-
支持使用正则过滤
-
支持一些特殊的过滤方法,比如 status-code:200 , domain:xxx , method:OPTIONS
-
-
当然也可以直接选择请求资源类型进行过滤
右键某一列资源的列头，你会看到这个tab其实是可以自定义的
进入network工具: Chrome => devtools => Network
（只有打开了devtools之后的网络请求才会被记录在这个界面里，想看页面初始化的就清掉当前的请求刷新一下页面）
