-	请求头	响应头
缓存相关	if-modified-since / if-none-match	last-modifed / etag / cache-control / expires
content	Content-Type	-
-	Content-Length	-
-	-	Content-Disposition
内容编码（实体压缩）	Accept-Encoding: gzip, deflate, br	content-encoding: br，Content-Encoding: gzip
传输编码	-	Transfer-Encoding:chunked（分块编码）
cookie	cookie	set-cookie
跨域相关	Origin	Access-Control-Allow-Origin 、 Access-Control-Allow-Methods、Access-Control-Allow-Headers
-		Access-Control-Allow-Credentials: true（允许客户端携带验证信息，告知浏览器是否可以将对请求的响应暴露给前端 JavaScript 代码）

1、常见的content-type

1. text/html：HTML 文档
2. application/javascript; charset=UTF-8
3. text/css; charset=UTF-8
4. application/font-woff2、application/x-font-woff2;charset=utf-8
5. text/plain：纯文本
6. application/json：JSON 格式数据
7. application/xml：XML 格式数据
8. application/pdf：PDF 文件
9. image/jpeg：JPEG 图像
10. application/octet-stream：二进制流/字节流数据，通常用于文件下载

image.png

2、Provisional headers are shown

image.png

"Provisional headers are shown" 是浏览器开发者工具中的一种提示，表示在请求的初期阶段，浏览器只显示了部分请求头信息。这通常发生在浏览器发送请求之后，但还未收到服务器响应时。在这个阶段，浏览器可能会显示一些“Provisional headers”（暂定头部信息），而不是完整的请求头信息。

这个提示通常不是错误，而是浏览器的一种优化方式，用来更快地展示请求的初步状态。当请求完成并收到服务器响应后，浏览器会更新这些信息，以显示完整的请求头信息和响应内容。

例如：
下面这个options请求还未响应时，上面post请求的请求头就会显示Provisional headers are shown。响应了之后，上面这个请求头就会更新为完整的。

企业微信截图_17085984344005.png 企业微信截图_17085984661200.png

3、响应头中的Transfer-Encoding: chunked 分块传输

在响应头中，Content-Length 和Transfer-Encoding通常不会同时存在。

• Content-Length 指定消息正文长度。当连接keep-alive时，当接收到指定长度的数据，则浏览器认为传输结束

• Transfer-Encoding: chunked ：服务器把消息体划分为多个块进行传输，这样就不需要提前知道Content-Length。当最后一块的size为0时表示传输结束

image.png image.png

4、Type ping

• navigator.sendBeacon()发送的请求Type是ping
• <a>链接上配置一个ping属性，点击时会向这个属性值地址发送一个请求，Type为ping。<a href="url1" ping="url2">测试</a>
  image.png