Бөлісу құралы:

Справочник по сетевым функциям

  • Мақала

В этой статье представлена инвентаризация средства "Сеть " на основе функций. Используйте средство "Сеть" для проверки сетевой активности веб-страницы. Пошаговое руководство и введение в средство "Сеть" см. в статье Проверка активности сети.

Подробное содержимое:

Запись сетевых запросов

По умолчанию Средства разработки записывают все сетевые запросы в средство "Сеть ", если средства разработки открыты.

Панель

Остановка записи сетевых запросов

Чтобы остановить запись запросов, выполните приведенные далее действия.

  1. В средстве "Сеть " щелкните Остановить запись сетевого журнала (Остановить запись сетевого журнала). Он становится серым, чтобы указать, что DevTools больше не записывает запросы.

  2. Нажмите клавиши CTRL+E (Windows, Linux) или COMMAND+E (macOS), пока средство "Сеть " находится в фокусе.

Очистить запросы

Чтобы очистить все запросы из таблицы Запросы, в средстве "Сеть" нажмите кнопку Очистить сетевой журнал (очистить).

Кнопка

Или нажмите клавиши CTRL+L (Windows, Linux, macOS) или COMMAND+K (macOS), пока средство "Сеть " будет фокусироваться.

Сохранение запросов при загрузке страниц

Чтобы сохранить запросы при загрузке страниц, в средстве "Сеть" установите флажок Сохранить журнал :

Флажок Сохранить журнал

DevTools сохраняет все запросы до отключения сохранения журнала.

Создание снимков экрана во время загрузки страницы

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

Чтобы включить снимки экрана, выполните приведенные ниже действия.

  1. В средствах разработки откройте средство "Сеть ".

  2. В правом верхнем углу средства "Сеть" щелкните значок Параметры сети (шестеренка). Появится строка флажков.

  3. Установите флажок Записать снимки экрана :

    Включение

Чтобы сделать снимок экрана, выполните приведенные ниже действия.

  1. Пока средство "Сеть " имеет фокус, нажмите клавиши CTRL+F5 , чтобы обновить страницу. Снимки экрана создаются во время загрузки страницы, а эскизы отображаются под строкой флажков.

    Вы можете взаимодействовать со снимками экрана следующим образом.

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

    Наведение указателя мыши на снимок экрана

  3. Щелкните эскиз снимка экрана, чтобы отфильтровать все запросы, возникшие после захвата снимка экрана.

  4. Дважды щелкните эскиз снимка экрана, чтобы увеличить масштаб и просмотреть снимок экрана.

  5. Нажмите клавишу ESC , чтобы закрыть средство просмотра снимка экрана.

Изменение поведения загрузки

Эмуляция первого посетителя путем отключения кэша браузера

Чтобы эмулировать, как пользователь впервые работает с сайтом, установите флажок Отключить кэш . DevTools отключает кэш браузера. Эта функция более точно эмулирует первый опыт пользователя, так как запросы обслуживаются из кэша браузера при повторных посещениях.

Флажок Отключить кэш :

Флажок Отключить кэш

Отключение кэша браузера в средстве "Сетевые условия"

В средстве "Сеть" можно открыть средство "Сетевые условия " на панели быстрого просмотра , а затем отключить кэш браузера:

  1. В средстве "Сеть " нажмите кнопку Дополнительные условия сети (значок ". На панели Быстрого просмотра откроется средство "Условия сети".

  2. В средстве Сетевые условия установите флажок Отключить кэш :

    Средство

См. также:

Очистка кэша браузера вручную

Чтобы вручную очистить кэш браузера в любое время, щелкните правой кнопкой мыши в любом месте таблицы Запросы и выберите Очистить кэш браузера:

Щелкните правой кнопкой мыши команду

Эмуляция в автономном режиме

Класс веб-приложений с именем Progressive веб-приложения (PWA) может работать в автономном режиме с помощью служебных рабочих ролей. При создании приложения такого типа может оказаться полезным быстро имитировать устройство, которое не имеет подключения к данным.

Чтобы имитировать автономный сетевой интерфейс, выберите раскрывающееся меню >Без регулированияв автономном режиме>.

Раскрывающееся меню Автономно :

Раскрывающееся меню

Эмулировать медленные сетевые подключения

Эмулировать медленные 3G, Fast 3G и другие скорости подключения из раскрывающегося меню Нет регулирования .

Раскрывающееся меню Регулирование:

Раскрывающееся меню

Вы можете выбрать один из различных предустановок, например Slow 3G или Fast 3G. Чтобы добавить собственные настраиваемые предустановки, откройте меню Регулирование и выберите Пункт Пользовательское>добавление.

DevTools отображает значок предупреждения рядом со средством "Сеть" , чтобы напомнить вам, что регулирование включено.

См. также см. статью Имитация медленного сетевого подключения в разделе Проверка сетевой активности.

Эмулировать медленные сетевые подключения из средства "Условия сети"

В средстве "Сеть" можно открыть средство "Условия сети " на панели быстрого просмотра , а затем регулировать сетевое подключение оттуда:

  1. В средстве "Сеть" нажмите кнопку Дополнительные условия сети (значок На панели Быстрого просмотра откроется средство "Условия сети".

  2. В средстве Сетевые условия в меню Регулирование сети выберите скорость подключения.

См. также:

Очистка файлов cookie браузера вручную

Чтобы вручную очистить файлы cookie браузера в любое время, щелкните правой кнопкой мыши в любом месте таблицы Запросы, а затем выберите Очистить файлы cookie браузера.

Щелкните правой кнопкой мыши команду

Переопределение агента пользователя

Чтобы вручную переопределить агент пользователя, выполните следующие действия:

  1. В средстве "Сеть" нажмите кнопку Дополнительные условия сети (значок На панели Быстрого просмотра откроется средство "Условия сети".

  2. В средстве Сетевые условия снимите флажок Использовать браузер по умолчанию . Другие элементы управления становятся доступными.

  3. Выберите в меню параметр агента пользователя или введите настраиваемый агент пользователя в текстовое поле.

Настройка указаний клиента агента пользователя

Если на сайте используются клиентские подсказки агента пользователя и вы хотите протестировать их, их можно задать в средстве "Условия сети" или в разделе Эмуляция мобильных устройств (эмуляция устройства).

Чтобы задать указания клиента агента пользователя в средстве "Условия сети" , выполните следующие действия:

  1. В средстве "Сеть" нажмите кнопку Дополнительные условия сети (значок На панели Быстрого просмотра откроется средство "Условия сети".

  2. В разделе Агент пользователя снимите флажок Использовать браузер по умолчанию и разверните узел Указания клиента агента пользователя:

    Настройка указаний клиента агента пользователя

  3. В раскрывающемся списке Агент пользователя выберите стандартный браузер и устройство. Или примите значение по умолчанию Custom..., а затем введите сведения в текстовое поле Введите настраиваемый агент пользователя .

  4. Для любого варианта (предопределенного или настраиваемого) укажите указания клиента агента пользователя следующим образом:

    • Торговая марка и версия , такие как Edge и 92. Чтобы добавить несколько пар торговой марки и версии, нажмите кнопку + Добавить торговую марку.
    • Полная версия браузера , например 92.0.1111.0.
    • Платформа и версия , например Windows и 10.0.
    • Архитектура , например x86.
    • Модель устройства , например Galaxy Nexus.

    Вы можете задать или изменить любые указания клиента агента пользователя; отсутствуют обязательные значения.

  5. Нажмите кнопку Обновить.

  6. Чтобы проверить изменения, щелкните Консоль и введите navigator.userAgentData. При необходимости разверните результаты, чтобы просмотреть изменения в данных агента пользователя.

См. также:

Фильтрация запросов

Запросы можно фильтровать по свойствам, по типу или времени, а также скрывать URL-адреса данных.

Фильтрация запросов по свойствам

Используйте текстовое поле Фильтр для фильтрации запросов по свойствам, таким как домен или размер запроса.

Если текстовое поле не отображается, область "Фильтры" , вероятно, скрыта. Дополнительные сведения см. в разделе Скрытие области фильтров.

Текстовое поле Фильтр :

Текстовое поле

Можно использовать несколько свойств одновременно, разделив каждое свойство пробелом. Например, mime-type:image/png larger-than:1K отображает все группы PNG, размер которых превышает 1 килобайт. Фильтры с несколькими свойствами эквивалентны AND операциям. OR В настоящее время операции не поддерживаются.

Полный список поддерживаемых свойств:

Property Подробно
domain Отображаются только ресурсы из указанного домена. Для включения нескольких доменов можно использовать подстановочный знак (*). Например, отображает ресурсы из всех доменных имен, *.com заканчивающиеся на .com. DevTools заполняет раскрывающееся меню автозаполнения всеми найденными доменами.
has-response-header Отображает ресурсы, содержащие указанный заголовок HTTP-ответа. DevTools заполняет раскрывающееся меню автозаполнения всеми найденными заголовками ответов.
is Используйте is:running для поиска WebSocket ресурсов.
larger-than Отображает ресурсы, размер которых превышает указанный ( в байтах). Задание значения 1000 эквивалентно установке значения 1k.
method Отображает ресурсы, полученные через указанный тип метода HTTP. DevTools заполняет раскрывающееся меню всеми найденными методами HTTP.
mime-type Отображает ресурсы указанного типа MIME. DevTools заполняет раскрывающееся меню всеми найденными типами MIME.
mixed-content Показать все ресурсы смешанного содержимого (mixed-content:all) или только те, которые отображаются в данный момент (mixed-content:displayed).
scheme Отображает ресурсы, полученные по незащищенным протоколам HTTP (scheme:http) или защищенным HTTPS (scheme:https).
set-cookie-domain Отображает ресурсы с заголовком Set-Cookie с атрибутом Domain , соответствующим указанному значению. DevTools заполняют автозавершение всеми найденными доменами файлов cookie.
set-cookie-name Отображает ресурсы с заголовком Set-Cookie с именем, соответствующим указанному значению. DevTools заполняют автозавершение всеми найденными именами файлов cookie.
set-cookie-value Отображает ресурсы с заголовком Set-Cookie со значением, соответствующим указанному значению. DevTools заполняют автозавершение всеми найденными значениями файлов cookie.
status-code Отображает ресурсы, соответствующие конкретному коду состояния HTTP. DevTools заполняет раскрывающееся меню автозаполнения всеми найденными кодами состояния.

Фильтрация запросов по типу

Чтобы отфильтровать запросы по типу запроса, нажмите кнопки на панели Сеть :

  • XHR
  • JS
  • CSS
  • Img
  • Media
  • Font
  • Док
  • WS — WebSocket.
  • Манифест
  • Other — любой другой тип, не указанный здесь.

Если кнопки не отображаются, область Фильтры может быть скрыта. См. раздел Скрытие области фильтров.

Чтобы включить фильтры нескольких типов одновременно, нажмите и удерживайте нажатой клавишу CTRL (Windows, Linux) или Command (macOS), а затем щелкните фильтры.

Используйте фильтры типов для отображения ресурсов JS, CSS и Document:

Использование фильтров типов для отображения ресурсов JS, CSS и Document

Фильтрация запросов по времени

Щелкните и перетащите влево или вправо на панели Обзор , чтобы отобразить только запросы, которые были активны в течение этого периода времени. Фильтр является инклюзивным. Отображается любой запрос, который был активен в течение выделенного времени.

Фильтрация всех неактивных запросов около 300 мс:

Фильтрация всех неактивных запросов около 300 мс

Скрытие URL-адресов данных

URL-адреса данных — это небольшие файлы, внедренные в другие документы. Любой запрос, который отображается в таблице Запросы, которая начинается с, data: является URL-адресом данных.

Чтобы скрыть запросы, установите флажок Скрыть URL-адреса данных :

Флажок Скрыть URL-адреса данных

Сортировка запросов

По умолчанию запросы в таблице Запросы сортируются по времени запуска, но вы можете отсортировать таблицу с помощью других условий.

Сортировка по столбцу

Щелкните заголовок любого столбца в поле Запросы, чтобы отсортировать запросы по столбцу.

Сортировка по этапу действия

Чтобы изменить способ сортировки запросов каскадным методом, выполните следующие действия:

  • Щелкните правой кнопкой мыши заголовок таблицы Запросы, выберите Каскадный, а затем выберите один из следующих параметров:

    • Время начала — первый инициированный запрос помещается в начало.

    • Время отклика . Первый запрос, который начал скачивание, размещается в верхней части.

    • Время окончания — первый завершенный запрос помещается в начало.

    • Общая продолжительность — запрос с самыми короткими параметрами подключения и запросом или ответом размещается в верхней части.

    • Задержка — запрос, ожидающий кратчайшее время ответа, размещается в верхней части.

В этих описаниях предполагается, что каждый соответствующий параметр ранжируется от самого короткого к самому длинному. Щелкните заголовок столбца Каскад, чтобы изменить порядок.

Ниже показана сортировка каскада по общей длительности. Более светлая часть каждой панели — это время, затраченное на ожидание, а более темная — это время, затраченное на скачивание байтов:

Сортировка каскада по общей длительности

Анализ запросов

Пока devTools открыт, он регистрирует все запросы в средстве "Сеть ". Используйте средство "Сеть " для анализа запросов.

Отображение журнала запросов

Используйте таблицу Запросы , чтобы отобразить журнал всех запросов, выполненных во время открытия средств разработки. Чтобы отобразить дополнительные сведения о каждом элементе, щелкните запросы или наведите указатель мыши на них.

Таблица

По умолчанию в таблице Запросы отображаются следующие столбцы:

  • Имя. Имя файла ресурса или идентификатор ресурса.
  • Состояние. Код состояния HTTP.
  • Введите. Тип MIME запрошенного ресурса.
  • Инициатор. Следующие объекты или процессы могут инициировать запросы:
    • Средство синтаксического анализа. Средство синтаксического анализа HTML.
    • Перенаправление. Перенаправление HTTP.
    • Скрипт. Функция JavaScript.
    • Дополнительно. Другой процесс или действие, например переход на страницу по ссылке или ввод URL-адреса в адресной строке.
  • Размер. Объединенный размер заголовков ответов и текста ответа, предоставляемых сервером.
  • Время. Общая длительность от начала запроса до получения окончательного байта в ответе.
  • Выполнено. Был ли запрос выполнен кэшем HTTP или рабочей ролью службы приложения.
  • Водопад. Визуальная разбивка действий каждого запроса.
Добавление или удаление столбцов

Щелкните правой кнопкой мыши заголовок таблицы Запросы и выберите имя столбца, чтобы скрыть или отобразить его. Отображаемые в данный момент столбцы имеют флажки рядом с ними.

Добавление столбца в таблицу Requests

Добавление столбцов для заголовков ответов

Чтобы добавить настраиваемый столбец в таблицу Запросы, щелкните правой кнопкой мыши заголовок таблицы Запросы и выберите пункт Заголовки ответов Управление столбцами>заголовков. Откроется всплывающее окно Управление столбцами заголовков . Нажмите кнопку Добавить пользовательский заголовок , введите имя настраиваемого заголовка и нажмите кнопку Добавить.

Добавление настраиваемого столбца в таблицу Requests

Отображение отношения времени для запросов

Используйте каскад для отображения связей времени запросов. Организация каскада по умолчанию использует время начала запросов. Таким образом, запросы, которые находятся дальше слева, начались раньше, чем запросы, которые находятся дальше справа.

Чтобы просмотреть различные способы сортировки каскада, перейдите к разделу Сортировка по этапу действия.

Столбец Каскад на панели "Запросы ":

Столбец Каскад на панели

Отображение текста ответа в предварительном просмотре

Чтобы просмотреть содержимое текста ответа HTTP, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса.

  2. На боковой панели выберите вкладку Предварительный просмотр :

    Панель предварительного просмотра

Отображение текста ответа

Чтобы отобразить текст ответа на запрос, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса.

  2. На боковой панели выберите вкладку Ответ :

    Панель

Отображение заголовков HTTP

Чтобы отобразить данные заголовка HTTP о запросе, выполните приведенные далее действия.

  1. В таблице Запрос щелкните имя запроса.

  2. На боковой панели выберите вкладку Заголовки :

    Панель

Отображение параметров строки запроса

Чтобы отобразить параметры строки запроса HTTP-запроса в понятном для человека формате, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса.
  2. На боковой панели выберите вкладку Полезные данные :

Раздел

Чтобы вместо этого отобразить источник параметров строки запроса, щелкните Просмотреть источник.

Отображение параметров строки запроса в кодировке URL-адреса

Чтобы отобразить параметры строки запроса в понятном для человека формате, но с сохраненными кодировками:

  1. В таблице Запрос щелкните имя запроса.
  2. На боковой панели выберите вкладку Полезные данные .
  3. Щелкните Просмотреть URL-адрес в кодировке.

Отображение файлов cookie

Чтобы отобразить файлы cookie, отправленные в http-заголовке запроса, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса.

  2. На боковой панели выберите вкладку Файлы cookie :

    Панель

Отображение разбивки по времени запроса

Чтобы отобразить разбивку по времени запроса, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса.

  2. На боковой панели выберите вкладку Время .

    Панель

Более быстрый способ доступа к данным см. в разделе Предварительный просмотр разбивки по времени.

Дополнительные сведения о каждом из этапов, которые могут отображаться на панели "Время ", см. в разделе Описание этапов разбивки по времени.

Предварительный просмотр разбивки по времени

Чтобы отобразить предварительный просмотр разбивки по времени запроса, в столбце Каскад таблицы Запросы наведите указатель мыши на запись запроса.

Предварительный просмотр разбивки по времени запроса:

Предварительный просмотр разбивки по времени запроса

Чтобы просмотреть данные без наведения указателя мыши, см. в верхней части текущего раздела Отображение разбивки по времени запроса.

Описание этапов разбивки по времени

Каждый из этих этапов может появиться на вкладке "Время ":

  • Постановка в очередь. Браузер помещает запросы в очередь, если любое из следующих значений имеет значение true.

    • Существуют запросы с более высоким приоритетом.
    • Для этого источника уже открыто шесть TCP-подключений, что является ограничением. Применяется только к HTTP/1.0 и HTTP/1.1.
    • Браузер ненадолго выделяет место в кэше диска.

  • Застопорился. Запрос может быть остановлен по любой из причин, описанных в разделе Очередь.

  • Поиск DNS. Браузер разрешает IP-адрес для запроса.

  • Начальное подключение. Браузер устанавливает подключение, включая подтверждение TCP и повторные попытки, а также согласование протокола SSL.

  • Согласование прокси-сервера. Браузер согласовывает запрос с прокси-сервером.

  • Отправленный запрос. Запрос отправляется.

  • Подготовка ServiceWorker. Браузер запускает рабочую роль службы.

  • Запрос к ServiceWorker. Запрос отправляется в рабочую роль службы.

  • Ожидание (TTFB). Браузер ожидает первого байта ответа. TTFB расшифровывается как "Время до первого байта". Это время включает один цикл задержки и время, необходимое серверу для подготовки ответа.

  • Скачивание содержимого. Браузер получает ответ.

  • Получение push-уведомлений. Браузер получает данные для этого ответа через http/2 Server Push.

  • Чтение push-уведомлений. Браузер считывает полученные ранее локальные данные.

Отображение инициаторов и зависимостей

Чтобы отобразить инициаторы и зависимости запроса, удерживайте нажатой клавишу SHIFT и наведите указатель мыши на запрос в таблице Requests .

  • Запросы, которые инициировали запрос с наведенным указателем мыши, отображаются зеленым цветом.
  • Зависимости запросов с наведенным указателем отображаются красным цветом.

Отображение инициаторов и зависимостей запроса

Если таблица Requests упорядочена в хронологическом порядке, при наведении указателя мыши на строку перед ней отображается зеленый запрос. Зеленый запрос является инициатором зависимости. Если перед этим в строке отображается другой зеленый запрос, инициатором инициатора является более высокий запрос. И так далее.

Отображение событий загрузки

DevTools отображает время событий DOMContentLoaded и load в нескольких местах в средстве "Сеть ".

  • В области Обзор с вертикальными линиями.
  • В столбце Каскад таблицы Запрос с вертикальными линиями.
  • В области Сводка в нижней части средства "Сеть" с метками времени.

Событие DOMContentLoaded выделено синим цветом, а событие — красным load .

Расположения событий DOMContentLoaded и load на панели

Отображение общего числа запросов

Общее количество запросов отображается в области Сводка в нижней части средства "Сеть ".

Общее число запросов с момента открытия средств разработки

Предостережение

Это число отслеживает только запросы, зарегистрированные с момента открытия средства разработки. Если другие запросы выполнялись до открытия средств разработки, эти запросы не учитываются.

Отображение общего размера загрузки

Общий размер запросов на скачивание указан в области Сводка в нижней части средства "Сеть ".

Общий размер запросов на скачивание

Предостережение

Это число отслеживает только запросы, зарегистрированные с момента открытия средства разработки. Если другие запросы выполнялись до открытия Средств разработки, предыдущие запросы не учитываются.

Сведения о том, насколько велики ресурсы после того, как браузер распаковывает каждый элемент, см. в статье Отображение несжатого размера ресурса.

Отображение трассировки стека, вызвавшей запрос

Когда инструкция JavaScript запрашивает ресурс, наведите указатель мыши на столбец Инициатор , чтобы отобразить трассировку стека, ведущую к запросу.

Трассировка стека, ведущая к запросу ресурса

Отображение несжатого размера ресурса

Чтобы просмотреть одновременно переданный и несжатый размер ресурса, выполните следующие действия:

  1. В правом верхнем углу средства "Сеть" щелкните значок Параметры сети (шестеренка). Появится строка флажков.

  2. Установите флажок Большие строки запросов .

  3. Изучите столбец Размер в таблице Запрос. Верхнее значение — это переданный размер, а нижнее — это размер ресурса после того, как браузер распаковывает его:

    Пример несжатых ресурсов

Экспорт данных запросов

Сохранение всех сетевых запросов в HAR-файл

Чтобы сохранить все сетевые запросы в HAR-файл, выполните приведенные ниже действия.

  1. В таблице Запросы щелкните правой кнопкой мыши запрос и выберите Сохранить все как HAR с содержимым.

    Выбор параметра

  2. DevTools сохраняет все запросы, выполненные с момента открытия devTools, в HAR-файл. Вы не можете фильтровать запросы и не можете сохранить один запрос.

После сохранения HAR-файла его можно импортировать обратно в DevTools для анализа, перетаскивая HAR-файл в таблицу Запросы .

Копирование одного или нескольких запросов в буфер обмена

В столбце Имя таблицы Запросы щелкните правой кнопкой мыши запрос, выберите команду Копировать, а затем выберите один из следующих параметров:

Имя Подробно
Копирование адреса ссылки Скопируйте URL-адрес запроса в буфер обмена.
Копирование ответа Скопируйте текст ответа в буфер обмена.
Копирование как выборка  
Копирование как cURL Скопируйте запрос как команду cURL.
Копировать все как выборку  
Копировать все как cURL Скопируйте все запросы как цепочку cURL команд.
Копировать все как HAR Скопируйте все запросы как данные HAR.

Выбор

Копирование форматированного json ответа в буфер обмена

Чтобы скопировать отформатированные данные JSON ответа JSON, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса, который привел к ответу JSON.

  2. На боковой панели выберите вкладку Предварительный просмотр .

  3. Щелкните правой кнопкой мыши первую строку отформатированного предварительного просмотра ответа JSON и выберите Копировать значение.

    Щелкните правой кнопкой мыши команду

    Теперь вы можете вставить значение в любой редактор, чтобы просмотреть его.

Копирование значений свойств из сетевых запросов в буфер обмена

Чтобы скопировать значения свойств из сетевых запросов в буфер обмена, выполните следующие действия:

  1. В таблице Запрос щелкните имя запроса.
  2. На боковой панели выберите вкладку Полезные данные :
  3. Разверните один из следующих разделов.
    • Полезные данные запроса (JSON)
    • Данные формы
    • Параметры строки запроса
    • Заголовки запроса
    • Заголовки ответов
  4. Щелкните правой кнопкой мыши значение и выберите Копировать значение. Теперь вы можете вставить значение в любой редактор, чтобы просмотреть его.

Изменение макета панели "Сеть"

Вы можете развернуть или свернуть разделы пользовательского интерфейса средства "Сеть" , чтобы сосредоточиться на важных сведениях.

Скрытие области "Фильтры"

По умолчанию в средствах разработки отображается панель Фильтры . Чтобы скрыть панель Фильтры , выберите Фильтр (Фильтр).

Кнопка

Строки больших запросов

Используйте большие строки запросов, если требуется больше пробелов в таблице сетевых запросов. Некоторые столбцы также предоставляют немного больше сведений при использовании больших строк. Например, нижнее значение столбца Размер — это несжатый размер запроса.

Чтобы включить большие строки, установите флажок Большие строки запроса . Пример больших строк запроса в области Запросы :

Пример больших строк запросов на панели

Скрытие области "Обзор"

По умолчанию devTools отображает панель Обзор . Чтобы скрыть панель Обзор , снимите флажок Показать обзор .

Флажок Показать обзор

См. также

Примечание.

Части этой страницы являются изменениями, основанными на работе, созданной и совместно используемой Google и используемой в соответствии с условиями, описанными в международной лицензии Creative Commons Attribution 4.0. Исходная страница находится здесь и автор Kayce Basques (Технический писатель, Chrome DevTools & Lighthouse).

Creative Commons License Эта работа лицензируется по международной лицензии Creative Commons Attribution 4.0.