在 Chrome DevTools 中,如何判断哪些响应是使用 HTTP/2 服务器推送发送的?

In Chrome DevTools, how can you tell which responses were sent using HTTP/2 server push?

提问人:antun 提问时间:2/23/2019 更新时间:2/23/2019 访问量:10569

问:

HTTP/2 服务器推送允许服务器在浏览器实际请求资源之前将资源“推送”到浏览器。

使用 Chrome DevTools 的网络选项卡时,如何判断哪些资源被“推送”,哪些资源是以传统方式请求的?

我知道我可以在网络选项卡中启用“协议”列,并且将一些调用显示为“h2”,我认为这意味着 HTTP/2。但是,我应该寻找什么来判断它是否真的被推送了?

enter image description here

谷歌-chrome-devtools http2

评论


答:

19赞 Kayce Basques 2/23/2019 #1

“启动器”列中查找。请参阅下面的屏幕截图。Pushimage.jpg

Network Log

将鼠标悬停在瀑布上还会显示与推送相关的活动的细分。

Waterfall

我知道我可以在网络选项卡中启用“协议”列,并且将一些调用显示为“h2”,我认为这意味着 HTTP/2。

是的,这是正确的。 代表 HTTP/2。如前所述,默认情况下,“协议”列处于隐藏状态。右键单击表标题,然后选择“协议”以启用它。有关示例,请参阅显示更多信息h2

评论

2赞 antun 2/24/2019
谢谢!这正是我想要的。不幸的是,我以为被推送的流量实际上并没有被推送。我正在尝试解决为什么我的 Chrome 扩展程序无法成功重定向 HTTP/2 请求的问题,该扩展程序使用 chrome.webRequest.onBeforeRequest.addListener 重定向调用。