🇺🇦Допомогти Україні

Що таке HAR file (HTTP Archive)?

Обкладинка допису: Що таке HAR file (HTTP Archive)?
ЗмістНатисність на посилання, щоб перейти до потрібного місця
HAR file (HTTP Archive) - це спеціальний формат файлу .har, у якому зберігається журнал роботи веббраузера з мережею.
По суті, це запис усіх HTTP(S)-запитів та відповідей, які відбулися під час завантаження сторінки. Він містить:
  • адреси всіх ресурсів (HTML, CSS, JS, картинки, API-запити тощо),
  • час виконання кожного запиту,
  • заголовки (headers),
  • тіла запитів і відповідей (якщо увімкнено),
  • статус-коди (200, 404, 500 тощо),
  • інформацію про редіректи, куки, кешування.
Використовується для:
  • діагностики проблем з роботою сайту (повільне завантаження, помилки API),
  • аналізу трафіку між клієнтом і сервером,
  • відтворення або відлагодження помилок у техпідтримці,
  • перевірки безпеки.
Файл HAR можна зняти у більшості браузерів (Chrome, Firefox, Edge) через DevTools → вкладка Network → Export HAR.
Screenshot 2025-08-25 at 18.15.15.png

Чим відкрити HAR файл?

Найпростіше - текстовий редактор або редактор коду. Але розглянемо детальніше.
Screenshot 2025-08-25 at 18.17.27.png
 Найпростіші способи
  • Будь-яким текстовим редактором (Notepad, VS Code, Sublime Text) -  щоб побачити "сирі" дані у форматі JSON.
  • Браузером -  Chrome, Firefox, Edge мають вбудовані переглядачі HAR:
    • Відкрийте DevTools → вкладка Network → перетягніть туди HAR-файл, і він відобразиться як список запитів.
Зручні переглядачі
  • Google HAR Analyzer - веб-сервіс від Google для візуалізації. https://toolbox.googleapps.com/apps/har_analyzer/
  • HAR Viewer (онлайн інструменти типу harviewer.org).
  • Fiddler, Charles Proxy, Wireshark - професійні інструменти аналізу мережевого трафіку, які підтримують імпорт HAR.
https://toolbox.googleapps.com/apps/har_analyzer/
https://toolbox.googleapps.com/apps/har_analyzer/

Цей допис поки що не має жодних доповнень від автора/ки.

Чому вибір CMS важливий під час розробки сайту?
29 черв., 12:34

Чому вибір CMS важливий під час розробки сайту?

meme code
meme code@memecode
Помилка 403 на сайті: що це означає і як її усунути
24 лип., 23:50

Помилка 403 на сайті: що це означає і як її усунути

meme code
meme code@memecode
Що таке вайб-кодинг?
25 лип., 21:51

Що таке вайб-кодинг?

meme code
meme code@memecode
Що таке комбінаторний вибух?
28 лип., 11:50

Що таке комбінаторний вибух?

meme code
meme code@memecode
Що таке мозковий стек (brain stack)?
28 лип., 19:37

Що таке мозковий стек (brain stack)?

meme code
meme code@memecode
Що таке integer overflow?
15 серп., 08:28

Що таке integer overflow?

meme code
meme code@memecode