HttpWatch简单功能字段含义介绍（二）

一、缓存清空

浏览器默认支持缓存，在录制之前没有清空缓存，有可能某次访问直接从浏览器缓存中读取，而不会真的将请求发送给服务器，这样就不会录制到任何数据包。
这时需要清空缓存。
在这里插入图片描述

二、Overview

1、界面展示

在这里插入图片描述

2、字段含义介绍

（1）Display URL ：表示请求的地址
（2）Started At ：表示发送请求的时刻，为本地时间
（3）Connection Reuse ：表示与服务器建立了连接，显示本地链接地址和端口号。
（3）HTTP Request ：表示通过浏览器发出的请求。
（4）HTTP Response ：服务器返回的头和内容信息。

三、Time Chart

1、界面展示

主要以直观的方式——线条，显示各部分耗时情况
在这里插入图片描述

2、字段含义介绍

（1）Blocked（阻塞）：阻塞时间包括任何预处理时间（比如缓存查找）和等待网络连接的时间。浏览器显示一定数量的并发网络连接，如果已经达到极限后则后续请求需排队。
（2）DNS Lookup（DNS寻址）：DNS解析一个主机名得到一个IP地址所耗费的时
（3）Connect（连接）：连接是创建一个TCP连接到Web服务器（或代理）所需要的时间。
（4）Send（发送请求）：是指发送HTTP请求消息到服务器所需时间。
（5）Wait（等待服务器响应时间）：是指从服务器得到响应消息的时间，这个值包括由于网络延迟和请求Web服务器所需时间。
（6）Receive（返回响应）：是指客户端接收从服务器读取响应消息的时间，这个值取决于返回内容的大小、网络宽带和是否使用了HTTP压缩等。
（7）TTFB（time to first byte，首字节返回）：是指从浏览器发出请求到到服务器返回第一个字节所消耗的时间。它包括TCP连接时间，发送请求时间和接收第一个字节的响应消息时间。
（8）Network（网络）：是指HTTP请求在网络消息传输上耗费的时间。

四、Headers（头信息）

1、界面展示

主要显示发送请求头和返回请求头的相关内容
在这里插入图片描述

2、字段含义介绍

（1）GET **** /HTTP/1.1：“GET”代表请求方法，“HTTP/1.1”代表协议以及版本。
（2）Accept：是指请求报头域用于指定客户端接收哪些类型的信息。例如：Accept：text/html，表示客户端希望接收Html文本。
（3）Accept-Encoding：是指请求报头域类似于Accept，但是它是用于指定可接受的内容便编码。例如：“Accept-Encoding:gzip,deflate” ，如果请求消息中没有设置这个报头域，服务器假定客户端对各种内容编码都可以接受。
（4）Accept-Langue：是指请求包头域类似于Accept，但是它是用于指定一种自然语言。

例如：“Accept-Langue：zh-Hans-CN,zh-Hans;q=0.5”，（zh-CN：地区限制匹配规范，表示用在中国大陆区域的中文。包括各种大方言、小方言、繁体、简体等等都可以被匹配到。zh-Hans：语言限制匹配规范，表示简体中文。适用区域范围是全宇宙用中文简体的地方，内容包括各种用简体的方言等。第一个会是首选的语言，其它语言会携带一个“q”值，来表示用户对该语言的喜好程度（0~1））
如果没有设置这个报头域，服务器假定客户端对各种语言都可以接受。
（5）Connection：是指连接类型，默认为Keep-Alive（长连接），如果不希望用长连接，则需要在header中指明Connection的值为Close
（6）Cookie：是由服务器生成，发送给浏览器，浏览器会将cookie的key/value保存到某个目睹下的文本文件内，下次请求同一网站时就发送该cookie给服务器。
服务器用cookies包含信息的任务性来筛选病经常性维护这些信息，以判断在HTTP传输中的状态。可以判断其是否登录过网站，客户喜好等。
（7）Host：主要用于指定被请求资源的Internet主机和端口号，它通常从HTTP URL中提取出来的。
（8）User-Agent：用于允许客户端将它的操作系统、浏览器和其他属性告诉服务器。
（9）“DNT： 1 ”，“（do not track）禁止跟踪”。三个值：1，代表用户不想被跟踪，0代表接受，null代表用户不置可否。

3、右边Recevied

在这里插入图片描述

4、Recevied字段介绍

（1）“HTTP/1.1 200 OK”：都一个是协议以及版本，第二个200位HTTP响应代码，表示成功。
（2）Cache-Control：指定请求和响应遵循的缓存规则。在请求或者响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。
请求时的缓存指令包括：no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached、no-transform。
在这里插入图片描述
响应消息中的指令包括：public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age、only-if-cached、no-transform、cache-extension。

（3）Connection：连接类型，默认为Keep-Alive
（4）Content-Encoding：类似于Accept，用于指定编码内容。
（5）Content-Length：表示内容长度，只有当浏览器使用持久HTTP连接时才需要这个数据。
（6）Content-Type：让浏览器知道接收到的信息哪些是MP3文件、哪些是JPEG文件等。
当服务器把输出的结果传送到浏览器时，浏览器必须启动适当的应用程序来处理这个输出文档。
（7）Date：表示消息发送时间，时间的描述格式由rfc822定义。例如Sun, 12 Jan 2020 05:53:51 GMT。世界标准时间。
（8）Expires：Mon, 11 Jan 2021 05:53:51 GMT，他需要和Last-Modified结合使用。用于控制请求文件的有效时间，当请求数据在有效期内，客户端浏览器从缓存请求数据而不是服务端，当缓存中数据失效或者过期时，才从服务器更新数据。
（9）Server：表示服务器类型，如：Apache、tomcat。这里的“Tengine”是淘宝自研的web服务器。
（10）“Transfer-Encoding：chunked”，HTTP协议中使用这个头来告知数据的长度，然后在数据下行的过程中，Content-Length的方式要预先在服务器中缓存所有数据，然后所有数据再一起发给客户端。
如果要一边产生数据，一边发给客户端，WEB服务器就需要使用“Transfer-Encoding：chunked”这样的方式来代替Content-Length。
chunked是一种HTTP的编码方式。它的基本方法是讲大块数据分解成多块小数据，每块都可以自行指定长度。