| - | 请求头 | 响应头 |
|---|---|---|
| 缓存相关 | 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
- text/html：HTML 文档
- application/javascript; charset=UTF-8
- text/css; charset=UTF-8
- application/font-woff2、application/x-font-woff2;charset=utf-8
- text/plain：纯文本
- application/json：JSON 格式数据
- application/xml：XML 格式数据
- application/pdf：PDF 文件
- image/jpeg：JPEG 图像
- 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
