Используйте панель «Сеть» для анализа скорости загрузки страниц и проверки сетевых ресурсов.
Обзор
Панель «Сеть» позволяет вам:
- Запись сетевой активности
- Проверяйте сетевые запросы
- Фильтрация и сортировка сетевых запросов
- Поиск по заголовкам и ответам сети
- Изменение характера загрузки
- Блокировать сетевые запросы
- Изменение сетевых условий
- Правила отладки
prefetchвыборки - Переопределение заголовков HTTP-ответа
- Используйте символы подстановки для переопределения заголовков для нескольких URL-адресов.
- Сохранение и экспорт данных сетевых запросов
Ознакомьтесь с разделом «Проверка сетевой активности» , где представлен пошаговый обучающий материал по наиболее часто используемым функциям панели «Сеть» .
Откройте панель «Сеть».
Чтобы открыть панель «Сеть» , откройте инструменты разработчика , а затем щелкните «Сеть» на панели действий вверху.
В качестве альтернативы, чтобы открыть панель «Сеть» через меню «Командная строка», выполните следующие действия:
- Откройте инструменты разработчика .
- Откройте меню «Команда» , нажав:
- macOS: Command + Shift + P
- Windows, Linux, ChromeOS: Control + Shift + P
- Начните вводить
Network, выберите «Показать панель «Сеть»» и нажмите Enter .
Запись сетевой активности
При открытии DevTools сетевые запросы автоматически записываются в панель «Сеть» , пока DevTools открыт.
Помимо записи, вы можете делать следующее:
- Прекратить запись сетевых запросов .
- Удалите все запросы из таблицы «Запросы» .
- Сохранение запросов при каждой загрузке страницы .
- Имитируйте работу в офлайн-режиме .
- Имитация более медленных сетевых соединений .
Проверяйте сетевые запросы
Все сетевые запросы регистрируются в таблице «Запросы» в центре панели.
Чтобы узнать больше о столбцах, отображаемых по умолчанию, и о дополнительных столбцах, которые вы можете добавить, см. раздел «Просмотр журнала запросов» .
Щёлкните по названию запроса, чтобы просмотреть вкладки с дополнительной информацией о запросе, включая следующую:
- Заголовки : HTTP-заголовки выбранного ресурса.
- Полезная нагрузка : Параметры строки запроса и данные формы запроса.
- Предварительный просмотр : Базовое отображение HTML-кода.
- Ответ : HTML-код исходного файла выбранного ресурса.
- Инициатор : причина запроса ресурса.
- Временные характеристики : Подробный анализ сетевой активности для выбранного ресурса.
- Файлы cookie : файлы cookie, содержащие информацию о запросе и ответе на него.
Фильтрация и сортировка сетевых запросов
В панели «Сеть» доступны два способа сортировки запросов в таблице «Запросы» :
Ниже приведены несколько способов фильтрации запросов в таблице Requests :
- Фильтрация запросов по свойствам
- Фильтрация запросов по типу
- Фильтрация запросов по времени
- Скрыть URL-адреса данных
- Скрыть URL-адреса расширений
- Показать только запросы с заблокированными ответными cookie-файлами.
- Показать только заблокированные запросы
- Показать только запросы третьих лиц
Поиск по заголовкам и ответам сети
Чтобы узнать, как искать определенную строку или регулярное выражение в заголовках и ответах HTTP-серверов всех ресурсов, см. раздел «Поиск в сетевых заголовках и ответах» .
Изменение характера загрузки
Проверьте удобство использования вашей страницы, изменив режим загрузки в панели «Сеть» .
С помощью панели «Сеть» вы можете выполнить следующие действия:
- Чтобы имитировать поведение нового посетителя, отключите кэширование браузера.
- Очистите кэш браузера вручную.
- Очистка файлов cookie браузера вручную
- Эмуляция в автономном режиме
- Имитация медленного сетевого соединения
- Переопределение заголовков HTTP-ответа
- Переопределить пользовательский агент
Сохранение и экспорт данных сетевых запросов
Для сохранения и экспорта данных сетевых запросов см. следующие ссылки: