Chrome浏览器F12的抓包知识详解

Chrome浏览器F12的抓包知识详解

一、四个模块

①Header：面板列出资源的请求url、HTTP方法、响应状态码、请求头和响应头及它们各自的值、请求参数等等
②Preview：预览面板，用于资源的预览。
③Response：响应信息面板包含资源还未进行格式处理的内容
④Timing：资源请求的详细信息花费时间

-----查看Network基本信息,请求了哪些地址及每个URL的网络相关请求信息都可以看的到
URL，响应状态码，响应数据类型，响应数据大小，响应时间。

-----Waterfall能分割重要的请求耗时,查看具体请求耗时在哪个地方
鼠标指到相关区域可以看到具体耗时
我们具体分析下里面每个各代表什么意思,分别耗时多少,通过这个来分析服务器到底是哪个环节出了问题：
①Queueing 是排队的意思
②Stalled 是阻塞 请求访问该URL的主机是有并发和连接数限制的,必须要等之前的执行才能执行之后的,这段时间的耗时
③DNS Lookup 是指域名解析所耗时间
④Initial connection 初始化连接时间,这里一般是TCP 3次连接握手时间
⑤SSL https特有,是一种协议
⑥Request sent 发送请求所消耗的时间
⑦Waiting 等待响应时间,这里一般是最耗时的
⑧Content Download 下载内容所需要消耗的时间

二、谷歌F12--Network

 

三、 Request Headers详解

 

去期待陌生，去拥抱惊喜。