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.

debugging google-chrome har

— 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

87

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

http://www.softwareishard.com/har/viewer/ (starsza wersja)
http://gitgrimbo.github.io/harviewer/master/ (aktualna gałąź główna)

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:

— 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 ...

Wybierz opcję „HTTPArchive”

Przejdź do pliku HAR

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

Otwórz Chrome i kliknij F12
Kliknij opcję Sieć
Przeciągnij i upuść plik har na karcie sieci Chrome.

— 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ć.

— 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:

— Barani r
źródło