Используйте панель блокировки сетевых запросов , чтобы проверить, как поведет себя ваша страница, если определенные ресурсы, такие как изображения или таблицы стилей, не загружаются.
Обзор
Панель блокировки сетевых запросов позволяет одновременно блокировать несколько ресурсов или «шаблонов» и переключать их из списка. Вы также можете заблокировать домены или URL-адреса сетевых запросов на панели «Сеть» , и соответствующие шаблоны появятся на панели блокировки сетевых запросов .
Панель блокировки сетевых запросов позволяет:
- Добавьте или удалите шаблоны.
- Редактировать шаблоны.
- Удалите все шаблоны.
- Включите или отключите блокировку сетевых запросов. После включения вы можете переключать блокировку для отдельного шаблона.
Закрытие DevTools отключает блокировку сетевых запросов. Приходится открывать панель и снова включать блокировку. Однако DevTools сохраняет шаблоны даже после закрытия браузера.
Откройте панель блокировки сетевых запросов.
Чтобы открыть панель блокировки сетевых запросов :
- Откройте Инструменты разработчика .
- Откройте командное меню , нажав:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P.
- Начните вводить
Network request blocking
, выберите «Показать блокировку сетевых запросов» и нажмите Enter . DevTools отображает панель блокировки сетевых запросов в нижней части окна DevTools.
Либо в правом верхнем углу выберите more_vert Дополнительные параметры > Дополнительные инструменты > Блокировка сетевых запросов .
Блокировать сетевой запрос
Есть два способа заблокировать сетевой запрос. Первый:
На панели блокировки сетевых запросов нажмите «Добавить шаблон» . Появится поле ввода, предлагающее ввести «Текстовый шаблон для блокировки совпадающих запросов».
Вы можете ввести любое из следующих значений:
- Полный URL-адрес.
- Частичный URL-адрес со звездочкой «
*
» для сопоставления с шаблоном подстановочного знака. - Доменное имя. Это блокирует все запросы, содержащие этот домен.
Нажмите «Добавить» и убедитесь, что установлен флажок «Включить блокировку сетевых запросов» .
Перезагрузите страницу. На панели блокировки сетевых запросов рядом с шаблоном отображается количество заблокированных запросов.
Во-вторых, вы можете заблокировать сетевые запросы на панели «Сеть» в DevTools.
- На панели «Сеть » в разделе «Имя» щелкните запрос правой кнопкой мыши и выберите «Заблокировать URL-адрес запроса» или «Заблокировать домен запроса» .
- Панель блокировки сетевых запросов откроется автоматически, и соответствующий шаблон будет указан как заблокированный.
- Убедитесь, что установлен флажок Включить блокировку сетевых запросов .
- Перезагрузите страницу, чтобы увидеть количество заблокированных запросов рядом с соответствующим шаблоном.
Количество заблокированных запросов может обновляться по мере поступления новых запросов. Обновление страницы сбрасывает цифры.
Удаление шаблона блокировки сетевых запросов
Чтобы удалить конкретный шаблон блокировки сетевых запросов из списка:
- На панели блокировки сетевых запросов наведите курсор на шаблон.
- Нажмите кнопку « Удалить » .
Чтобы удалить все шаблоны блокировки сетевых запросов, на панели действий нажмите кнопку « Удалить все шаблоны блокировки сетевых запросов ».
Изменение шаблона запроса на блокировку сети
Чтобы изменить шаблон, на панели «Блокировка сетевых запросов» нажмите кнопку «Редактировать » рядом с шаблоном, отредактируйте его и нажмите «Сохранить» .
Переключить блокировку сетевых запросов
Флажок check_box Включить блокировку сетевых запросов позволяет включать и отключать блокировку сетевых запросов для всех шаблонов одновременно.