使用Network面板分析HTTP报文

Posted 笔绘丹心

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用Network面板分析HTTP报文相关的知识,希望对你有一定的参考价值。

面板简介

控制器的功能

过滤器-按类型过滤

按属性过滤
在Filter中输入过滤属性,来精准过滤


请求列表的排序
请求列表默认是时间排序,如果需要更改的话,直接在在请求列表头部点击修改

点击这一行来修改排序,像按照什么拍就点击哪个字段

按活动时间排序,需要点击Waterfall来进行切换



initator这个属性之前不了解,现在知道了,原来表示的是「谁」发起的请求

size和time 两个属性需要注意的是,他们分别有两个值,分别对应的是压缩前和压缩后的值

请求列表中还可以添加自定义列,右击请求列表头的任意一列

预览信息



右击请求可以查看到选项

点击请求,点击Timing,可以看到如下数据信息


浏览器展示

以上是关于使用Network面板分析HTTP报文的主要内容,如果未能解决你的问题,请参考以下文章

Chrome浏览器Network面板使用详解

Chrome Network面板工具之万文多图详解

Chrome浏览器Network面板http请求时间分析

chrome的network面板怎么调整

Network Panel说明

HTTP协议图--HTTP 报文首部之首部字段(重点分析)