如何在Firefox开发者工具中识别HTTP2各类头部及相关参数值

1. 开启HTTP/2调试视图 #

• 打开Firefox，按F12或者右键页面选择「检查」启动开发者工具
• 切换到「网络」面板，点击面板顶部的齿轮图标打开设置菜单
• 勾选「显示HTTP/2帧」选项，就能查看HTTP/2相关的详细帧数据

2. 确认连接序言（Connection Preface） #

连接序言是HTTP/2握手阶段的初始标识字符串，Firefox不会直接显示原始内容，但可以通过以下方式确认它已完成：

• 首次建立HTTP/2连接时，对应域名的第一个请求条目下，「HTTP/2帧」标签页会显示连接初始化的记录，这就说明连接序言已经完成发送和确认

3. 找到SETTINGS帧 #

• 在网络面板中选中任意一个HTTP/2请求，切换到「HTTP/2帧」标签页
• 帧列表里类型为SETTINGS的条目就是目标帧
• 点击该条目，右侧会展开详细信息，包括帧的传输方向（发送/接收）、各项设置的具体值（比如初始窗口大小、最大并发流数等）

4. 识别伪头部和HPACK头部 #

• 选中目标HTTP/2请求，切换到「请求」标签页
• 在「请求头部」区域，能看到按固定顺序排列的伪头部：
  • :method：对应HTTP请求方法，比如GET、POST
  • :authority：对应请求的域名+端口，比如example.com:443
  • :scheme：请求使用的协议，比如https
  • :path：请求的路径，比如/api/data
• 伪头部下方的常规头部就是经过HPACK解压后的内容，Firefox已经自动解码为明文，无需手动解析HPACK编码

内容的提问来源于stack exchange，提问作者KDM