Wie kann ich eine mit Inhalten gespeicherte Chrome-Netzwerk-Debugger-Har-Datei anzeigen / wiedergeben?

115

Ich liebe den Netzwerk-Debugger. Abgesehen davon, welche Programme gibt es, mit denen ich durch mehrere "Hars" vorwärts und rückwärts gehen kann, damit ich sie wiedergeben kann? Kann die Wiedergabe auch damit umgehen, wenn die 'hars' mit Inhalten gespeichert sind?

Im Moment habe ich nur im Textpad durchgelesen, aber wenn ich eines meiner Ergebnisse präsentieren muss, könnte ein netter 'Har-Spieler' nicht-technischen Leuten sehr helfen.

debugging google-chrome har DefyGravity
quelle

Bisher habe ich einen "eins nach dem anderen" Betrachter

DefyGravity

9

Diese Frage auf Superuser ist im Wesentlichen die gleiche und hat anständige Antworten: superuser.com/questions/360992/…

David Fraser

85

Es gibt einen von Jan Odvarko entwickelten HAR Viewer, den Sie verwenden können. Sie verwenden entweder die Online-Version unter

http://www.softwareishard.com/har/viewer/ (ältere Version)
http://gitgrimbo.github.io/harviewer/master/ (aktueller Hauptzweig)

Oder laden Sie den Quellcode unter https://github.com/janodvarko/harviewer herunter .

BEARBEITEN: Chrome 62 DevTools enthalten HAR-Importfunktionen. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

Nizar
quelle

1

FWIW dies scheint den "Inhalt" nicht zu behandeln, wenn Sie "Als HAR mit Inhalt speichern" verwenden. Davon abgesehen ist es ein anständiger HAR-Betrachter.

Doktor J

Ich habe es noch nicht zum Laufen gebracht, um die Option "Alles als har speichern" aus dem Chrome-Debugger zu verwenden. Ich werde es jedoch immer wieder überprüfen.

DefyGravity

Ich habe es heute von einer ziemlich schweren Website zum Laufen gebracht. schöne Anwendung

DefyGravity

7

WARNUNG: So großartig der "Online" -HAR-Viewer klingt, ich würde mich ein bisschen darum kümmern, was dieser Server mit dem HAR macht - speichert er ihn? Analysieren? HAR kann sensible personenbezogene Daten enthalten. Ich persönlich würde eine HAR nicht auf den Server eines anderen hochladen. Wenn sie mir jetzt von einem Kunden gesendet würde, wäre das vermutlich eine andere Geschichte. Oh, warte, nein, würde es nicht.

Nichts ist

@nothingisnecessary - HAR Viewer wird nur im Browser ausgeführt. Es gibt keine serverseitige Komponente, die die HAR-Datei jemals "sieht".

Paul Grime

56

Mit dem "Netzwerk" -Tool des Chrome Dev Tools können Sie jetzt HAR-Dateien per Drag & Drop in das Fenster importieren.

Xchai
quelle

Um die HAR-Datei auf die Registerkarte "Netzwerk" zu ziehen, haben Sie die meisten

Entwicklertools in

Tolle Idee, aber mit einer Einschränkung scheint Chrom Datumsformate, die von anderen Tools ausgegeben werden (+1 sowieso von mir), nicht zu mögen

Alex KeySmith

@ScottyG Ich habe gerade versucht, eine .har-Datei aus einer anderen Domain zu importieren, und es hat funktioniert. Verwenden der Version 73.0.3683.103

Raul Pinto

@ RaulPinto Danke! Ja, ich denke, dies ist eine neue Funktion in v73

ScottyG

2

Dasselbe funktioniert in Firefox, auch unabhängig davon, auf welcher Domain Sie sich befinden.

Brady Dowling

23

Hierfür gibt es einige Online- und Offline-Tools:

Aber die, die mir am besten gefallen hat, ist eine Browser-Erweiterung (habe sie in Chrome ausprobiert, hoffentlich funktioniert sie in anderen Browsern). Nach der Installation wird es in Ihren Apps als HAR-Viewer angezeigt . Dann können Sie Ihre HAR-Datei hochladen und so etwas sehen:

Salvador Dali
quelle

2

Der HAR-Analysator kann problemlos viel größere HAR-Dateien als der HAR-Viewer analysieren.

Stephan

16

Die zuverlässigste Methode zum Wiedergeben von Har-Dateien ist die Verwendung eines kostenlosen Tools wie Fiddler . Das Tool ist immer kostenlos und kann schnell heruntergeladen werden. Die Sites für die öffnende Har-Datei sind alle fehlerhaft und können keine großen Dateien öffnen. Fiddler ist für alle Plattformen verfügbar.

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

Gehen Sie zu Menü Datei -> Sitzungen importieren ...

Wählen Sie die Option "HTTPArchive"

Navigieren Sie zu Ihrer HAR-Datei

Die HAR-Datei wird geöffnet und im Geigerfenster wiedergegeben.

Chibi Chakaravarthi
quelle

1

Ich fand heraus, dass das Exportieren als Rohdateien und das anschließende Laden der HTML-Datei es mir ermöglichte, Konsolenprotokolle in jedem Browser wiederzugeben.

Mikeytown2

Ich benutze gerne Fiddler, weil ich eine bestimmte Anfrage aus der har-Datei (Ändern von Token ofc) wiedergeben kann, um ihre Auswirkungen zu sehen. Ich persönlich benutze Fiddler schon lange und da in diesem Thread viele Tools zitiert wurden, die alle in unterschiedlichen Fällen funktionieren, kommt es schließlich auf den persönlichen Komfort an.

Chibi Chakaravarthi

Auch diese Antwort hat mir am besten gefallen; Für sehr große HAR-Dateien erlaubte mir Fiddler, überschüssige Nachrichten zu filtern und zu löschen (ich benutze Fiddler auch schon seit einiger Zeit, so dass es sich in

Bezug

8

Edit: Harhar ist jetzt Open Source. Ich habe die URL unten aktualisiert.

Wenn Sie einen Avalanche-Lastgenerator verwenden, können Sie mit Harhar eine HAR-Datei bei sehr hoher Last wiedergeben: https://acastaner.github.io/harhar/

Dieses Tool verarbeitet den "Inhalt", den Sie verwenden, wenn Sie "Mit Inhalt als HAR speichern".

Astaar
quelle

2

Ich weiß, dass einige Monate vergangen sind, seit das OP gefragt hat, aber diese sollte als die richtige Antwort angesehen werden, da das erwähnte Tool eine HAR-Datei wirklich "abspielen" kann. Sehr schöner Vorschlag, @Astaar.

Charles Roberto Canato

Es ist vollständig in C # geschrieben. "Funktioniert unter Windows und Linux (Mono)"

Trindaz

Abgesehen davon, dass ich Astaar und Charles vollkommen zustimme, habe ich gerade eine andere gefunden: github.com/Stuk/server-replay

quetzalcoatl

6

Chrome unterstützt jetzt das Laden von HAR-Dateien. Öffnen Sie Chrome, drücken Sie F12 und klicken Sie auf die Registerkarte Netzwerk. Ziehen Sie die .har-Datei per Drag & Drop. FERTIG!

Chibi Chakaravarthi
quelle

4

Hardiff.com ist ein ziemlich nützliches Werkzeug. Sie können eine oder mehrere .harDateien vergleichen.

Zander
quelle

2

Öffnen Sie Chrome und klicken Sie auf F12
Klicken Sie auf Netzwerk
Ziehen Sie die har- Datei per Drag & Drop auf die Registerkarte Chrome-Netzwerk.

S Krishna
quelle

2

Wenn ich nicht zu spät komme ....

Für Firefox kann dieselbe Har-Datei von der Registerkarte Netzwerk importiert werden.

Sanjay Maurya
quelle

1

Der HAR-Import funktioniert nahtlos in Firefox: Öffnen Sie den Webentwickler -> Registerkarte "Netzwerk" -> "HAR -> Importieren ..." (obere rechte Ecke des Webentwickler-Tools)

HAR-Importoption

Lalitanand Dandge
quelle

0

Öffnen Sie den Chrome-Browser. Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf einer Seite> Elemente überprüfen> Gehen Sie zur Registerkarte Netzwerk> Ziehen Sie die .har-Datei per Drag & Drop. Die Protokolle sollten angezeigt werden.

Arjun Thakur
quelle

0

Drag & Drop ist die beste Lösung. Ich zeige nur eine andere Möglichkeit zum Importieren, indem ich auf das HAR-Importsymbol klicke:

Barani r
quelle