网络(Network)选项卡
录制按钮
默认开启,监听整个页面运行过程中所产生的所有网络请求。
清空按钮
清空目前监控到的所有网络请求
筛选
默认开启,默认展示全部网络请求,ajax、js、css、图片等,想只监听哪项可以点击对应按钮进行过滤。
保存日志
默认不勾选,每当刷新页面都会清空日志,勾选后即使页面刷新,日志也会保留。
停用缓存
默认使用缓存,开启后禁止使用缓存,全部从服务端重新请求数据。
限流器
默认不启用,模拟网络状态,改变网速用的,当我们需要调试网络慢的时候,组件、页面或者其它东西是否能正常加载时会用到。
日志面板
每行,记录一次网络通信;
当点击某一行时,左侧会展示这条网络请求的详情
标头(Headers)
包含常规信息、响应头、请求头
请求地址、相应代码、请求方法等信息
预览(Preview)
对相应结果进行预览
响应(Response)
服务器响应的原始格式,只支持纯文本,不能支持二进制文件
启动器(Initiator)
查看当前请求跟哪一段js相关,展示请求堆栈、启动器链条
时间(Timing)
做性能分析,特别是网络性能分析时使用。
排队时长:对同一个域的请求开辟的TCP数量有限制,在同一个TCP链接里请求也有先后顺序,这里展示的是进入队列的耗时,并不是排队的总耗时;
开始连接:连接已开始,其中已停止耗时1.60毫秒指的是在排队时前面链接造成的拥护耗时;
请求/相应:已发送请求,当向服务器发送请求时没有太多消息需要传到服务器,这个时间会很短;等待服务器响应,等待了7.9毫秒只收到了服务器响应的响应头,并没有完全收到响应结果(当用户端网络很慢或者服务器里用户很远时耗时比较久、或者网络很好但是服务处理很慢);下载内容,得到完整的响应体所要的时间。