Jak wyświetlić / odtworzyć plik debugera sieciowego Chrome zapisany z zawartością?

117

Uwielbiam debuger sieciowy, mówiąc, jakie programy są dostępne, które pozwalają mi przechodzić do przodu i do tyłu przez wiele „trudnych”, więc mogę je odtworzyć? jeśli „surowe” są zapisane wraz z zawartością, czy powtórka może sobie z tym poradzić?

w tej chwili właśnie przeczytałem w TextPadzie, ale jeśli będę musiał przedstawić którekolwiek z moich ustaleń, miły „har player” może bardzo pomóc nietechnicznym ludziom.

Zaprzeczać grawitacji
źródło
do tej pory mam przeglądarkę „pojedynczo”
DefyGravity
9
To pytanie dotyczące superużytkownika jest zasadniczo takie samo i ma przyzwoite odpowiedzi: superuser.com/questions/360992/ ...
David Fraser

Odpowiedzi:

87

Istnieje przeglądarka HAR opracowana przez Jana Odvarko, z której możesz korzystać. Możesz użyć wersji online pod adresem

Lub pobierz kod źródłowy na https://github.com/janodvarko/harviewer .

EDYCJA: Chrome 62 DevTools zawiera funkcję importu HAR. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

Nizar
źródło
1
FWIW to wydaje się nie obsługiwać „zawartości”, gdy używasz „Zapisz jako HAR z zawartością”. Poza tym to przyzwoita przeglądarka HAR.
Doktor J
nie uruchomiłem go jeszcze na opcji „zapisz wszystko jako har” z debuggera chrome. Jednak będę z nim ponownie sprawdzać.
DefyGravity,
właśnie uruchomiłem go dzisiaj z dość ciężkiej witryny internetowej. fajna aplikacja
DefyGravity
7
OSTRZEŻENIE: Mimo świetnego brzmienia przeglądarki HAR „online”, byłbym trochę zaniepokojony tym, co ten serwer robi z HAR - czy go zapisuje? Analizujesz to? HAR może zawierać wrażliwe dane osobowe. Osobiście nie przesyłałbym HAR-a na serwer innej osoby .. teraz, gdyby został wysłany do mnie przez klienta, to chyba byłaby inna historia ... och, nie, nie.
nic niepotrzebnego
@nothingisnecessary - HAR Viewer działa tylko w przeglądarce, nie ma składnika po stronie serwera, który kiedykolwiek „widzi” plik HAR.
Paul Grime,
56

Narzędzie „Sieć” w Chrome Dev Tool umożliwia teraz importowanie plików HAR przez przeciąganie i upuszczanie do okna.

Xchai
źródło
Aby przeciągnąć plik HAR na kartę sieciową, większość narzędzi programistycznych jest otwarta w tej samej domenie
ScottyG
Świetny pomysł, ale z zastrzeżeniem, że Chrome nie lubi formatów daty wyjściowych z innych narzędzi (i tak +1 ode mnie)
Alex KeySmith
@ScottyG Właśnie próbowałem zaimportować plik .har z innej domeny i zadziałało. Używam wersji 73.0.3683.103
Raul Pinto
@RaulPinto Thanks! Tak, myślę, że to nowa funkcja w wersji
73
2
To samo działa w Firefoksie, niezależnie od domeny, w której się znajdujesz.
Brady Dowling
23

Istnieje kilka narzędzi online i offline, jak to zrobić:

Ale to, które mi się najbardziej podobało, to rozszerzenie przeglądarki (wypróbowałem je w chrome, mam nadzieję, że działa w innych przeglądarkach). Po instalacji pojawia się w aplikacjach jako przeglądarka HAR . Następnie możesz przesłać plik HAR i zobaczyć coś takiego:

wprowadź opis obrazu tutaj

Salvador Dali
źródło
2
Analizator HAR jest w stanie płynnie analizować znacznie większy plik HAR niż przeglądarka HAR.
Stephan
16

Najbardziej niezawodnym sposobem odtworzenia pliku har jest użycie bezpłatnego narzędzia, takiego jak Fiddler , narzędzie jest zawsze bezpłatne i można je szybko pobrać. Wszystkie strony otwierające plik har są błędne i nie mogą otwierać dużych plików. Fiddler jest dostępny na wszystkie platformy.

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

Przejdź do menu Plik -> Importuj sesje ...

Otwórz Fiddler

Wybierz opcję „HTTPArchive”

Wybierz opcję Http Archieve

Przejdź do pliku HAR

wprowadź opis obrazu tutaj

Plik HAR otworzy się i odtworzy w oknie skrzypka.

Chibi Chakaravarthi
źródło
1
Zauważyłem, że wyeksportowanie go jako surowych plików, a następnie załadowanie pliku html pozwoliło mi odtworzyć dzienniki konsoli w dowolnej przeglądarce.
mikeytown2
Lubię używać fiddlera, ponieważ mogę odtworzyć konkretne żądanie z pliku har (zmieniając tokeny ofc), aby zobaczyć jego efekty. Osobiście używam Fiddlera od dawna, a ponieważ w tym wątku przytacza się wiele narzędzi, które działają w różnych przypadkach, ostatecznie sprowadza się to do osobistego komfortu.
Chibi Chakaravarthi
Ta odpowiedź też mi się najbardziej podobała; W przypadku bardzo dużych plików HAR Fiddler pozwolił mi filtrować, a także usuwać nadmiarowe wiadomości (
używałem również Fiddlera od
8

Edycja: Harhar jest teraz open source. Zaktualizowałem poniższy adres URL.

Jeśli używasz generatora obciążenia lawinowego, możesz użyć Harhar, aby odtworzyć plik HAR przy bardzo dużym obciążeniu: https://acastaner.github.io/harhar/

To narzędzie obsługuje „zawartość”, której używasz podczas „Zapisz jako HAR z zawartością”.

Astaar
źródło
2
Wiem, że minęło kilka miesięcy od zapytania OP, ale tę odpowiedź należy uznać za właściwą, ponieważ wspomniane narzędzie może naprawdę „odtworzyć” plik HAR. Bardzo miła sugestia, @Astaar.
Charles Roberto Canato,
Jest napisany w całości w C #. „Działa w systemach Windows i Linux (Mono)”
Trindaz,
Oprócz całkowitego zgodzenia się z Astaarem i Charlesem, właśnie znalazłem inny: github.com/Stuk/server-replay
quetzalcoatl
6

Chrome obsługuje teraz ładowanie plików HAR. Otwórz Chrome, naciśnij F12, kliknij kartę Sieć. Przeciągnij i upuść plik .har GOTOWE!

Chibi Chakaravarthi
źródło
4

Hardiff.com to całkiem przydatne narzędzie. Pozwala porównać jeden lub więcej .harplików.

Sandacz
źródło
2
  1. Otwórz Chrome i kliknij F12
  2. Kliknij opcję Sieć
  3. Przeciągnij i upuść plik har na karcie sieci Chrome.

wprowadź opis obrazu tutaj

S Krishna
źródło
2

Jeśli się nie spóźnię ....

W przypadku przeglądarki Firefox można zaimportować ten sam plik har z zakładki Sieć.Zakładka Firefox Network z importem pliku HAR

Sanjay Maurya
źródło
1

Import HAR działa bezproblemowo w przeglądarce Firefox: Otwórz programistę WWW -> zakładka Sieć -> HAR -> Importuj ... (prawy górny róg narzędzia do tworzenia stron internetowych)

Opcja importu HAR

Lalitanand Dandge
źródło
0

Otwórz przeglądarkę Chrome. kliknij prawym przyciskiem myszy w dowolnym miejscu strony> sprawdź elementy> przejdź do zakładki sieci> przeciągnij i upuść plik .har Powinieneś zobaczyć logi.

Arjun Thakur
źródło
0

Przeciągnij i upuść to najlepsze rozwiązanie. Po prostu pokazuję inny sposób importowania, klikając ikonę importu HAR: wprowadź opis obrazu tutaj

Barani r
źródło