Найти тему
Хроники диванной разведки

HAR-файлы. Лайфхак для эффективного общения с техподдержкой веб-сайтов

Оглавление
perfecto.io
perfecto.io

Иногда бывает, что при работе с каким-то веб-сервисом что-то идёт не так: выдается ошибка при отправке платежа, не загружаются результаты поиска, не срабатывает загрузка фото и т.д.

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

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

Опытному разработчику бывает достаточно просто пробежать такой файл глазами, чтобы мгновенно понять, что именно идет не так (со скринами и записями всё гораздо сложнее).

Как сделать HAR-файл?

Пример инструкции для браузера Google Chrome.

Google Chrome
Google Chrome

1. Заходим на сайт, на работу которого хотим пожаловаться (я в качестве примера буду использовать yandex.ru, с которым вроде как всё нормально).

2. Идём в меню Посмотреть -> Разработчикам-> Инструменты разработчика.

Google Chrome
Google Chrome

3. Нажимаем на серую круглую кнопку в левом верхнем углу открывшей панели. Не забываем поставить галочку рядом со словами Preverse Log (сохранять логи).

4. Выполняем на сайте те действия, которые привели к ошибке, на которую вы хотите пожаловаться.

Google Chrome
Google Chrome

5. В правом верхнем углу находим значок со стрелкой вниз (Export HAR) и сохраняем файл на своём компьютере.

Sublime Text
Sublime Text

6. Открываем файл в каком-нибудь текстовом редакторе и убеждаемся, что всё получилось.

Теперь файл можно послать в техподдержку и команда сайта сможет на 100% точно понять в чем проблема, без лишний вопросов и пояснений.

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

Анализаторы HAR-файлов

Разбирать HAR-файлы в текстовом виде — очень нудная и трудоемкая работа. Поэтому, для ознакомления с ними используются специальные сервисы.

toolbox.googleapps.com/apps/har_analyzer/
toolbox.googleapps.com/apps/har_analyzer/

Можно использовать простой HAR-анализатор из набора инструментов администратора Google (toolbox.googleapps.com/apps/har_analyzer/).

https://stevesie.com/har-file-web-scraper
https://stevesie.com/har-file-web-scraper

Или чуть более "навороченный" от Stevesie (stevesie.com/har-file-web-scraper). В нём отображается список всех полей данных передаваемых в запросах и загружаемые картинки.

Google Chrome
Google Chrome

И, конечно, можно просто снова открыть инструменты разработчика (не забыв отключить запись действий) и нажать на кнопку "Import HAR File" (стрелка вверх в верхнем правом углу).

P.S. HAR-файлы могут конфиденциальные пользовательские данные (логины, данные учетной записи, номера кошельков и банковских карты, изредка даже пароли в зашифрованном виде). Стоит помнить об этом, передавая их третьим лицам и загружая на сторонние сервисы.

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

Как искать товар по картинке в интернет-магазинах. 3 способа

Сайт, который поможет не пропустить возможность получить наследство

Что я делаю, когда кто-то присылает мне очень длинное голосовое сообщение