Как просмотреть / воспроизвести har-файл хромированного сетевого отладчика, сохраненный с содержимым?

117

Мне нравится сетевой отладчик, при этом, как уже было сказано, какие существуют программы, которые позволяют мне шагать вперед и назад через несколько «херов», чтобы я мог их воспроизвести? если «жесткие» сохраняются с контентом, может ли повтор с этим справиться?

прямо сейчас я просто читал в текстовой панели, но если мне нужно представить какие-либо из моих выводов, хороший «хар-игрок» мог бы очень помочь нетехническим людям.

debugging google-chrome har

— DefyGravity
источник

пока что у меня есть "по одному" зрителю

— DefyGravity

9

Этот вопрос о суперпользователе по сути тот же, и на него есть достойные ответы: superuser.com/questions/360992/…

— Дэвид Фрейзер

87

Вы можете использовать программу HAR Viewer, разработанную Яном Одварко. Вы либо используете онлайн-версию на

http://www.softwareishard.com/har/viewer/ (более старая версия)
http://gitgrimbo.github.io/harviewer/master/ (актуальная главная ветка)

Или скачайте исходный код по адресу https://github.com/janodvarko/harviewer .

РЕДАКТИРОВАТЬ: Chrome 62 DevTools включает функцию импорта HAR. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

— Низар
источник

1

FWIW, похоже, не обрабатывает «контент», когда вы используете «Сохранить как HAR с контентом». В остальном это достойный зритель HAR.

— Doktor J

еще не заставил его работать с опцией «сохранить все как har» в отладчике Chrome. Однако я буду продолжать проверять это.

— DefyGravity

только что заставил его работать сегодня с довольно тяжелого веб-сайта. красивое приложение

— DefyGravity 08

7

ПРЕДУПРЕЖДЕНИЕ. Как бы здорово ни звучал «онлайн» просмотрщик HAR, меня бы немного беспокоило, что этот сервер делает с HAR - сохраняет ли он его? Анализируете это? HAR может включать в себя конфиденциальные личные данные ... Я лично не стал бы загружать HAR на чей-то другой сервер ... теперь, если бы он был отправлен мне клиентом, я полагаю, что это была бы другая история ... Ой, подождите, нет.

— ничего не нужно

@nothingisneeded - HAR Viewer работает только в браузере, на стороне сервера нет ни одного компонента, который когда-либо «видит» файл HAR.

— Paul Grime

56

Инструмент «Сеть» в Chrome Dev Tool теперь позволяет импортировать файлы HAR, перетаскивая их в окно.

— Xchai
источник

Чтобы перетащить файл HAR на вкладку сети, у вас есть инструменты разработчика, открытые в том же домене,

— ScottyG,

Отличная идея, но с оговоркой, что хром, похоже, не любит форматы даты, выводимые другими инструментами (во всяком случае, +1 от меня)

— Alex KeySmith

@ScottyG Я просто попытался импортировать файл .har из другого домена, и это сработало. Используется версия 73.0.3683.103

— Рауль Пинто

@RaulPinto Спасибо! Да, я думаю, что это новая функция в версии 73

— ScottyG

2

То же самое работает в Firefox, независимо от того, в каком домене вы находитесь.

— Брэди Даулинг

23

Есть несколько онлайн-офлайн-инструментов, как это сделать:

Но больше всего мне понравилось расширение для браузера (пробовал в хроме, надеюсь, он работает в других браузерах). После установки он появится в ваших приложениях как программа просмотра HAR . Затем вы можете загрузить файл HAR и увидеть что-то вроде этого:

— Сальвадор Дали
источник

2

Анализатор HAR может плавно анализировать файл HAR гораздо большего размера, чем программа просмотра HAR.

— Стефан

16

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

https://www.telerik.com/download/fiddler

Перейдите в меню "Файл" -> "Импорт сеансов ...".

Выберите параметр «HTTPArchive».

Перейдите к вашему файлу HAR

Файл HAR откроется и воспроизведется в окне скрипта.

— Чиби Чакараварти
источник

1

Я обнаружил, что экспорт его в виде необработанных файлов с последующей загрузкой файла HTML позволяет мне воспроизводить журналы консоли в любом браузере.

— mikeytown2

Мне нравится использовать скрипач, потому что я могу воспроизвести конкретный запрос из файла har (изменение токенов c), чтобы увидеть его эффекты. Я лично использую Fiddler в течение длительного времени, и, поскольку в этой ветке цитируется множество инструментов, которые работают в разных случаях, все, наконец, сводится к личному комфорту.

— Chibi Chakaravarthi

Мне тоже больше всего понравился этот ответ; Для очень больших файлов HAR Fiddler позволил мне фильтровать, а также удалять лишние сообщения (я также довольно часто использовал Fiddler, поэтому он чувствовал себя наиболее комфортно с его возможностями, включая воспроизведение)

— HidekiAI

8

Изменить: Harhar теперь с открытым исходным кодом. Я обновил URL-адрес ниже.

Если вы используете генератор нагрузки Avalanche, вы можете использовать Harhar для воспроизведения файла HAR при очень высокой нагрузке: https://acastaner.github.io/harhar/

Этот инструмент обрабатывает «контент», который вы используете, когда вы «Сохранить как HAR с контентом».

— Astaar
источник

2

Я знаю, что прошло несколько месяцев с момента запроса OP, но этот ответ следует считать правильным, поскольку упомянутый инструмент действительно может «проиграть» файл HAR. Очень хорошее предложение, @Astaar.

— Чарльз Роберто Канато 07

Он полностью написан на C #. «Работает в Windows и Linux (Mono)»

— Триндаз

Помимо полного согласия с Астаром и Чарльзом, я только что нашел еще один: github.com/Stuk/server-replay

— quetzalcoatl

6

Chrome теперь поддерживает загрузку файлов HAR. Откройте Chrome, нажмите F12, перейдите на вкладку «Сеть». Перетащите файл .har DONE!

— Чиби Чакараварти
источник

4

Hardiff.com - довольно полезный инструмент. Это позволяет сравнивать один или несколько .harфайлов.

— Судак
источник

2

Откройте Chrome и нажмите F12.
Щелкните Сеть
Перетащите файл har на вкладку сети Chrome.

— С Кришна
источник

2

Если я не опоздаю ....

Для Firefox можно импортировать тот же файл har из вкладки «Сеть».

— Санджай Маурья
источник

1

Импорт HAR без проблем работает в Firefox: откройте Web Developer -> Network Tab -> HAR -> Import ... (верхний правый угол инструмента веб-разработчика)

Вариант импорта HAR

— Лалитананд Дандж
источник

0

Откройте браузер Chrome. щелкните правой кнопкой мыши в любом месте страницы> проверьте элементы> перейдите на вкладку сети> перетащите файл .har. Вы должны увидеть журналы.

— Арджун Тхакур
источник

0

Перетаскивание - лучшее решение. Я просто показываю другой способ импорта, щелкнув значок импорта HAR:

— Барани р
источник