为什么开发者工具Network中 Response Headers 的 "view source" or "Raw"选项不见了?

976 阅读1分钟

最近想查看一下http请求的响应报文格式,发现Chrome的开发者工具中,Network 页面下,当点击某个请求的时候,Response Headers 旁边的 view source 不见了,如下图所示:

问题描述转存失败,建议直接上传图片文件

上图中的这个位置应该有一个 Raw 或者 view source 之类的按钮,可以查看原始的响应报文。

看到这个地方没有查看选项时还以为是自己设置有问题导致它隐藏了,找了半天🫠

最后在stackoverflow 上找到了答案,原文连接是点这个

原因就是这个请求采用的是http2.0协议,这个协议的响应头和请求头也是以二进制编码,然后以二进制帧的形式传输,chrome 并没有提供查看原始响应头的选项,然后展示这些二进制帧还原出的响应头。

不过http1.1 websocket 并不受影响,依然可以查看原始响应头

非要看http/2的原始响应头怎么办?

可以通过firefox 浏览器的开发者工具查看。如下图所示:

火狐浏览器转存失败,建议直接上传图片文件

说明 上述答案是查看stackoverflow 才知道的,强烈建议大家看一下原文,这里只是做一个记录,相当于转载。