Реклама мешает? Идти Без рекламы Сегодня 

Форматировщик файлов HAR и инспектор запросов

ДанныеРазработчикНетворкинг

Реклама · УДАЛИТЬ?

ВХОД

Автоматический процесс

Или

Содержимое HAR

Фильтры

Поиск

Метод

Статус

Тип

ВЫХОД

Клиентская сторона

Реклама · УДАЛИТЬ?

Гид

Форматировщик файлов HAR и инспектор запросов

Перетащите файл HTTP Archive (.har), экспортированный из DevTools браузера, или вставьте JSON напрямую в текстовое поле. Вы увидите каждый запрос в виде сортируемого и фильтруемого водопада — с полными временными метками DNS, подключения, SSL, ожидания и загрузки, а также с исходными заголовками, телом запроса и готовой командой cURL для любого отдельного запроса. Все данные работают локально в вашем браузере; HAR-файл никогда не покидает вашей машины.

Как использовать

Экспортируйте HAR-файл из браузера. В Chrome или Edge: откройте DevTools, перейдите на вкладку Сеть , воспроизведите загрузку страницы или вызов API, затем правый клик по любой строке и выберите Сохранить все как HAR с содержимым.
Перетащите .har-файл в область загрузки или вставьте JSON напрямую в текстовое поле.
Используйте поле поиска и выпадающие списки по методу/статусу/типу для узкого поиска списка запросов.
Нажмите на любую строку в водопаде, чтобы проверить заголовки запроса и ответа, тела запроса и ответа, временные метки по фазам и эквивалентную команду cURL.
Скопируйте команду cURL в терминал, чтобы повторно выполнить запрос вне браузера.

Возможности

Визуальный водопад — Каждый запрос отображается в виде стека баров, представляющих фазы блокировки, DNS, подключения, SSL, отправки, ожидания (TTFB) и получения, с цветовой кодировкой для быстрого просмотра.
Многоуровневое фильтрование — Фильтрация по подстроке URL, HTTP-методу, уровню статуса (2xx, 3xx, 4xx, 5xx, неудача) и типу содержимого (документ, XHR, скрипт, стиль, изображение, шрифт, медиа).
Инспектор по запросу — Вкладки с заголовками запроса и ответа, телом запроса, телом ответа (автоматически отформатированным для JSON), расширенным анализом временных меток по фазам и сгенерированной командой cURL.
Обобщённая статистика загрузки страницы — Читает записи HAR pages для отображения временных меток DOMContentLoaded и загрузки вместе с списком запросов.
Общие статистики — Общее количество переданных байт, размер содержимого, количество успешных и ошибочных запросов, а также время, затраченное на фильтрованный набор запросов.
100% клиентская сторона — Парсинг происходит в вашем браузере. Никакие данные HAR не отправляются на серверы.

 Часто задаваемые вопросы

Что такое файл HAR?

HAR (HTTP Archive) — это формат на основе JSON, стандартизированный группой W3C по веб-производительности. Он фиксирует снимок сетевой активности браузера в сессии, включая каждый запрос и ответ, обмен заголовками, тела запроса и ответа, временные метки каждой фазы соединения и метаданные о загружаемой странице. Браузеры, инструменты мониторинга производительности и прокси поддерживают экспортирование файлов HAR, чтобы можно было делиться трассировками между различными инструментами.
Что означают фазы временных меток в водопаде?

Запрос делится на семь фаз. Заблокировано — Время, затраченное на ожидание в очереди браузера или на доступное соединение. ДНС DNS — Время разрешения имени хоста до IP-адреса. Подключение — TCP-рукопожатие. SSL — TLS-рукопожатие на TCP для HTTPS-запросов. Отправка — Время, затраченное на передачу байтов запроса. (также называется TTFB, время до первого байта) — промежуток между полным отправлением запроса и приходом первого байта ответа. Получение — Время, затраченное на загрузку тела ответа.
Почему водопад является полезным показателем производительности?

Водопад позволяет вам сразу увидеть критический путь загрузки страницы. Долгие фазы «заблокировано» или «DNS» указывают на проблемы с пулом соединений или разрешением DNS. Долгие фазы «ожидание» указывают на медленную обработку на сервере или недостаточную пропускную способность источников. Долгие фазы «получение» указывают на большие объёмы данных или медленную последнюю линию связи. Шаговые бары, где многие запросы начинаются на одном смещении, показывают последовательные зависимости, которые могут быть параллелизованы, в то время как плоская группа баров указывает на то, что CDN или HTTP/2 с мультиплексированием выполняют свою работу.
Почему в моём HAR отсутствуют тела ответов?

Содержимое ответа является необязательным в спецификации HAR. Браузеры обычно не включают бинарные загрузки (изображения, шрифты, видео) и могут обрезать большие текстовые ответы в зависимости от настроек DevTools. Чтобы зафиксировать полные текстовые тела в Chrome, включите Сохранение журнала и выберите Сохранить все как HAR с содержимым. Даже при сохранении содержимого, поля, такие как куки, заголовки авторизации и тела POST, должны рассматриваться как чувствительные — очистите HAR-файлы перед публикацией.