google-chrome-devtools - 在 Chrome DevTools 中，如何判断哪些响应是使用 HTTP/2 服务器推送发送的？

Question

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

使用 Chrome DevTools 的网络选项卡时，如何判断哪些资源是“推送”的，哪些资源是通过传统方式请求的？

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

Answer 1

在启动器列中查找推送。请参阅下面屏幕截图中的 image.jpg。

将鼠标悬停在瀑布上还会显示推送相关事件的详细信息。

I know that I can enable the Protocol column in the network tab, and that shows some calls as "h2" which I assume means HTTP/2.

是的，这是正确的。 h2 代表 HTTP/2。如前所述，协议(protocol)列默认是隐藏的。右键单击表标题并选择协议(protocol)以启用它。请参阅Show more information举个例子。