Используйте панель блокировки сетевых запросов, чтобы проверить, как поведет себя ваша страница, если определенные ресурсы, такие как изображения или таблицы стилей, не загружаются.
Обзор
Панель блокировки сетевых запросов позволяет одновременно блокировать несколько ресурсов или «шаблонов» и переключать их из списка. Вы также можете заблокировать домены или 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 Включить блокировку сетевых запросов позволяет включать и отключать блокировку сетевых запросов для всех шаблонов одновременно.