Файл HAR обычно используется для устранения проблем с сетью или производительностью, включая долгое время загрузки страниц и тайм-ауты при выполнении определенных задач на сайте.
Служба поддержки любой компании или сайта использует этот файл HAR для выявления и решения проблем с производительностью, таких как длительное или медленное время загрузки, проблемы с рендерингом страниц и коды ошибок, которые могут возникать из-за этих проблем.
Что такое файл HAR?
HTTP archive Format, также известный как HAR-файл, – это архивный файл в формате JSON, содержащий последние данные о сетевой активности, записанные веб-браузером.
Он отслеживает все взаимодействия, такие как веб-запросы и ответы между веб-браузером и веб-сайтом.
В файле HAR записывается каждый ресурс, загруженный браузером, а также время, которое потребовалось для загрузки каждого ресурса.
Эти файлы содержат текстовые логи соединений HTTP клиент-сервер.
.har – это расширение для этих архивных файлов.
Зачем генерировать файл HAR?
Компания провайдера или служба поддержки может запросить HAR-файл для анализа, когда пользователь создает тикет для решения проблем.
Файлы HAR предоставляют широкий спектр информации о HTTP запросах и ответах клиент-сервер, которые помогают в отладке, например, настройки браузера и cookies, количество времени, затраченного на получение данных ответа, время, затраченное на загрузку определенной картинки на сайте, время, затраченное на установление соединения с сервером, и время, затраченное на отправку запроса и получение ответа.
Обзор процесса
- Сначала зайдите на веб-страницу, на которой возникли проблемы, и начните записывать все веб-запросы и взаимодействия.
- Воссоздайте проблему, повторив все шаги.
- Завершите запись и сохраните файл HAR.
- Проанализируйте файл HAR самостоятельно или отправьте файл в службу поддержки для устранения проблем с производительностью и рендерингом страниц.
Как генерировать HAR-файл в различных браузерах?
Генерация HAR-файлов для захвата HTTP-сессии отличается в разных браузерах.
Chrome
Для записи HTTP-сессии можно использовать вкладку Сеть в Инструментах разработчика всех браузеров.
- В Chrome перейдите на страницу, на которой возникла проблема.
- Инструменты разработчика можно открыть через меню (Меню > Дополнительные инструменты > Инструменты разработчика). На открывшейся панели выберите вкладку Сеть.
- На вкладке Сеть убедитесь, что круглая кнопка в левом верхнем углу окрашена в красный цвет. Если она серая, дважды щелкните по ней, чтобы начать запись взаимодействий.
- Включите журнал сохранения, чтобы записывать все веб-запросы и ответы.
- Чтобы экспортировать файл HAR, нажмите кнопку со стрелкой вниз на самой вкладке сети.
- Сохраните файл HAR на своем компьютере.
Firefox
- В правом верхнем углу окна браузера нажмите на меню Firefox (три горизонтальные параллельные линии).
- В выпадающем меню выберите Дополнительные инструменты > Инструменты Веб-разработчика > Сеть.
- Нажмите на кнопку настроек и включите опцию сохранять журналы.
- Пока идет перехват, обновите страницу и повторите проблему.
- Щелкните правой кнопкой мыши любую строку панели активности и выберите Сохранить все как HAR, если вы успешно воспроизвели проблему.
- Наконец, если для устранения неполадок также требуется файл журнала консоли, перейдите на вкладку консоль, выберите все, щелкнув правой кнопкой мыши любую строку, вставьте содержимое в какой-либо текстовый файл и отправьте его в центр поддержки.
Microsoft Edge
- Выберите Дополнительные инструменты > Средства разработчика, нажав на … (значок с тремя точками) в правом верхнем углу.
- Перейдите на вкладку “Сеть” и запустите сеанс профилирования.
- Перейдите на веб-страницу и следуйте инструкциям для решения проблемы.
- И, наконец, сохраните файл HAR, выбрав “Export as HAR “.
Инструмент HTTP Watch
ВGoogle Chrome, Internet Explorer и Microsoft Edge вы также можете использовать HTTPWatch (внутрибраузерный HTTP-сниффер) для перехвата веб-запросов и ответов.
- Сначала скачайте и установите инструмент HTTPwatch.
- Запустите захват HTTPwatch и загрузите страницу, на которой у вас возникли проблемы, и остановите захват, как только вы воспроизведете проблему.
- Захват должен быть сохранен в формате HAR.
Веб-сайты для анализа файлов HAR
Эти инструменты просты и эффективны для визуализации и анализа HAR-файла (журналы HTTP-обмена между клиентом и сервером).
- Google HAR analyzer – Выберите файл, нажав кнопку “Choose File”, и выберите файл HAR, который вы хотите изучить. Экран анализа появится автоматически после выбора файла. Доступна фильтрация по коду статуса HTTP.
- Softwareishard.com – бесплатный веб-инструмент, который отображает график водопада всех запросов и позволяет докопаться до конкретного запроса. Нажмите кнопку Preview после вставки журнала HAR в текстовое поле ниже. В качестве альтернативы, перетащите файлы har в любое место на странице, чтобы начать анализ файла.
- Site24x7 – Это также бесплатный инструмент сайта для визуализации файла HTTP Archive. Найдите файл или вставьте его содержимое в поле ввода.
Заключение
Если вы откроете файл HAR в текстовом редакторе, вы заметите, что это просто JSON-документ, содержащий ваш веб-запрос и его ответы. Он может содержать следующую потенциально важную информацию:
- Заголовки запроса и ответа
- Содержимое запроса и ответа
- Маркеры аутентификации, файлы cookie, маркеры сеанса, пароли и учетные данные API.
Убедитесь, что вы удалили всю конфиденциальную информацию из файлов HAR, прежде чем передавать их в службу технической поддержки для анализа.
В основном, если команда технической поддержки запрашивает HAR-файл с взаимодействием с третьими лицами, критическая информация может быть раскрыта.
см. также: