In Networking | Letztes Updateated: 18. Januar 2023

Cloudways bietet verwaltetes Cloud-Hosting für Unternehmen jeder Größe zum Hosten einer Website oder komplexer Webanwendungen.

Wie man Create HAR-Datei von Google Chrome, Firefox und analysieren?

By Ashlin Jenifa

Eine HAR-Datei wird häufig verwendet, um Netzwerk- oder Leistungsprobleme zu beheben, einschließlich schlechter Seitenladezeiten und Zeitüberschreitungen bei bestimmten Aufgaben auf einer Website.

Any company or website’s support team uses this HAR file to identify and resolve performance issues such as longer or slow loading times, page rendering issues, and error codes that may arise aufgrund dieser Probleme.

Was ist eine HAR-Datei?

Ein HTTP-Bogenhive Das Format, auch HAR-Datei genannt, ist ein JSON-formatierter Bogenhive file that comprises your most recent network activity as recorded by your web browser. It tracks all the interactions, such as web requests and responses between a web browser and a website.

The HAR file records each resource loaded by the browser, as well as the time it took to load each resource. These files contain plain text logs of HTTP client-server connections.

.har ist die Erweiterung für diesen Bogenhive Dateien.

Why to generate HAR file?

The company or business support team may ask the HAR file for analysis when the user raises a ticket to resolve die Probleme.

HAR files provide a wide range of information about HTTP client-server requests and responses that aid in debugging, such as browser settings and cookies, the amount of time spent getting response data, amount of time it took to load a particular picture on the website, the time it took to establish a server connection, and the time it took to send a request and to receive a response.

Übersicht der process

Rufen Sie zunächst die Webseite auf, auf der Sie Probleme haben, und beginnen Sie mit der Aufzeichnung aller Webanfragen und -interaktionen.
Erholungate the problem by repeating the steps.
Beenden Sie die Aufnahme und speichern Sie die HAR-Datei.
Analysieren Sie die HAR-Datei selbst oder senden Sie die Datei an das Support-Team, um die Probleme mit der Leistung und der Seitenwiedergabe zu beheben.

Wie man generiertate HAR file in different browsbist du?

Generating HAR files for capturing an HTTP session varies from browser to browser.

Chrome

The Network tab in Developer Tools of all browsers can be used to record an HTTP session.

Rufen Sie in Chrome die Seite auf, auf der das Problem auftritt.
Auf die Entwicklertools kann über das Menü (Menü > Weitere Tools > Entwicklertools) zugegriffen werden. Wählen Sie in dem neu geöffneten Bedienfeld die Registerkarte Netzwerk aus.
Stellen Sie auf der Registerkarte Netzwerk sicher, dass die runde Schaltfläche in der oberen linken Ecke rot ist. Wenn es grau ist, doppelklicken Sie darauf, um mit der Aufzeichnung der Interaktionen zu beginnen.
Aktivieren Sie das Aufbewahrungsprotokoll, um alle Webanforderungen und -antworten aufzuzeichnen.
To export the HAR file, click the down arrow button in the network tab itself.
Speichern Sie die HAR-Datei auf Ihrem Computer.

Firefox

At the top-right of your browser window, click the Firefox menu (three horizontal parallel lines).
Wählen Sie im Dropdown-Menü Weitere Tools > Webentwickler > Netzwerk aus.
Klicken Sie auf die Schaltfläche „Einstellungen“ und aktivieren Sie die Option „Persistent Logs“.
Während die Erfassung läuft, aktualisieren Sie die Seite und wiederholen Sie das Problem.
Right-click any row of the activity panel and select Save all as HAR if you’ve successfully replicated das Problem.
Finally, If in case console log file is also required for troubleshooting, navigate to the Console tab and Select all by right-clicking any row and paste the content in some text file and share it to the support center.

Microsoft Edge

Wählen Sie Weitere Tools > Entwicklertools, indem Sie oben rechts auf … (das Drei-Punkte-Symbol) klicken.
Navigierenate to the network tab and start a profiling session.
Visit the webpage and follow the instructions to resolve das Problem.
Und Flosseally save the HAR file by selecting “Export as HAR “

Internet Explorer

Öffnen Sie den Internet Explorer und gehen Sie zu der Seite, auf der Sie Probleme haben
Klicken Sie auf das Zahnradsymbol in der oberen rechten Ecke.
Gehen Sie zu (Entwicklertools > Registerkarte Netzwerk)
While the capture is ongoing, refresh the page and replicate das Problem.
Klicken Sie auf das Symbol „Als HAR exportieren“ (Form einer Diskette), nachdem Sie das Problem erfolgreich repliziert haben.

HTTP-Überwachungstool

Für Google Chrome, Internet Explorer und Microsoft Edge können Sie auch verwenden HTTPWatch (in-browser HTTP sniffer) for capturing web requests and responses.

Downloaden und installieren Sie das HTTPwatch-Tool zuerst.
Start the HTTPwatch capture and load the page where you are having issues and stop the capture as soon as you’ve replicated das Problem.
Und das Erfassung sollte be Gerettet in HAR Format.

Websites zur Analyse von HAR-Dateien

Diese Tools sind einfach und effektiv bei der Visualisierung und Analyse der HAR-Datei (Protokolle der HTTP-Client-Server-Kommunikation).

Google HAR-Analyzer – Choose a file by clicking the “Choose File” button and select the HAR file you’d like to examine. The Analysis screen shows up automatically after choosing the file. Filtering by HTTP status code is available.
Softwareishard.com – A free web-based application tool that displays a waterfall graph of all requests and allows you to dig down to a specific request. Press the Preview button after inserting the HAR log into the text box below. Alternatively, drag and drop the har files anywhere on the page to start analyzing the file.
Site24x7 – Dies ist auch ein kostenloses Website-Tool zur Visualisierung von HTTP Archive file. Browse the file or paste its content in input box.

Schlussfolgerung

If you open a HAR file in a text editor, you’ll notice that it’s simply a JSON document containing your web request and its responses. It may contain the following potentially sensitive information:

Anfrage- und Antwort-Header
Anfrage- und Antwortinhalt
Authentifizierungstoken, Cookies, Sitzungstoken, Passwörter und API-Anmeldeinformationen

Make sure you delete any sensitive information from HAR files before submitting them to a support team for analysis. Mainly, if the technical support team requests a HAR file with interactions with third parties, critical information may be exposed.

I hope you found this article very helpful in learning about HAR analyzing tools and how to generate HAR files in different browsERS.

Sie könnten auch daran interessiert sein, mehr über . zu erfahren troubleshooting network latency mit Wireshark.