🌐 Как создать файл HAR в Google Chrome, Firefox и проанализировать его? |

🌐 Как создать файл HAR в Google Chrome, Firefox и проанализировать его?

Мануал

Файл 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-файл с взаимодействием с третьими лицами, критическая информация может быть раскрыта.

см. также:

  1. 🖧 Как отследить IP-адреса с помощью Wireshark
  2. 🖧 Поиск и устранение неисправностей сетевой задержки с помощью Wireshark
  3. 🖧 10 советов в работе с Wireshark по анализу пакетов в сети
Пожалуйста, не спамьте и никого не оскорбляйте. Это поле для комментариев, а не спамбокс. Рекламные ссылки не индексируются!
Добавить комментарий