В Chrome DevTools как узнать, какие ответы были отправлены с использованием HTTP / 2-сервера?

Question

HTTP / 2 сервер push позволяет серверу «выдвигать» ресурсы в браузер до того, как браузер фактически запросит их.

При использовании вкладки «Сеть» Chrome DevTools, как узнать, какие ресурсы были«выдвинутые» против тех, которые запрашивались традиционным способом?

Я знаю, что могу включить столбец «Протокол» на вкладке сети, и это показывает некоторые вызовы как «h2», что, как я предполагаю, означает HTTP / 2,Но что я ищу, чтобы сказать, действительно ли это было выдвинуто?

Answer 1

Найдите Push в столбце Инициатор .См. image.jpg на скриншоте ниже.

Наведение над водопадом также показывает разбивку связанной с толчком деятельности.

Я знаю, что могу включить столбец «Протокол» на вкладке «Сеть», и некоторые вызовы отображаются как «h2», что, как я полагаю, означает HTTP / 2.

Да, это правильно.h2 обозначает HTTP / 2.Как уже упоминалось, столбец Protocol по умолчанию скрыт.Щелкните правой кнопкой мыши заголовок таблицы и выберите Protocol , чтобы включить его.См. Показать дополнительную информацию для примера.