FAQ: Erstellen von HAR-Dateien

Was ist eine HAR-Datei?

HAR ist die Abkürzung für HTTP ARchive, das eine Aufzeichnung aller Anforderungen anzeigt, die ein Browser an eine Website stellt.

HAR-Dateien werden verwendet, um Probleme zu beheben, die Benutzer mit einer Website haben können, um Leistungsprobleme zu diagnostizieren, wie z.

  • Langsame Ladezeiten
  • Falsche Dateiformate
  • Fehlende Vermögenswerte
  • Zeitüberschreitungen bei laufenden Aufgaben

Wie generiert man eine HAR-Datei?

Es gibt verschiedene Möglichkeiten, eine HAR-Datei zu generieren, je nachdem, welchen Browser Sie verwenden. Nachfolgend finden Sie die Methoden für die folgenden Browser: Google Chrome , Feuerfuchs , Safari , Microsoft Edge , und Internet Explorer 11

Generieren einer HAR-Datei in Google Chrome

  1. Navigieren Sie zu der Seite mit dem Problem
  2. Sobald Sie auf der Seite sind, verwenden Sie die Tastenkombination Befehl + Option + J. für Mac, um Chrome Dev Tools aufzurufen oder zu drücken F12 oder Strg + Umschalt + I. unter Linux oder Windows.

    Bei Erfolg sollte in Ihrem Browserfenster der folgende Bildschirm (DevTools) angezeigt werden:

    Chrome (v77. 0.3865.120 Build 64 -bit) Registerkarte "DevTools-Konsole"
    Chrome (v77. 0.3865.120 Build 64 -bit) Registerkarte "DevTools-Konsole"
  3. Das solltest du sehen Konsole oben links auf dem neuen Bildschirm ausgewählt.
  4. Klicken Sie auf die Registerkarte "Netzwerk" und Ihr Bildschirm sollte sich wie folgt ändern:
    Registerkarte "DevTools-Netzwerk"
    Registerkarte "DevTools-Netzwerk"
  5. Aktivieren Sie auf dem Netzwerkbildschirm die Kontrollkästchen Protokoll beibehalten und Cache deaktivieren oben links. Das obige Beispiel hat bereits beides Protokoll beibehalten und Cache deaktivieren ausgewählt.
  6. Aktualisieren Sie die Seite, um den Netzwerkverkehr zwischen Ihrem Browser und der Website aufzuzeichnen.
  7. Wenn die Website vollständig geladen ist, klicken Sie mit der rechten Maustaste auf eines der in der Tabelle aufgeführten Elemente. Eine Liste der folgenden Optionen sollte angezeigt werden:
    Rechtsklick-Optionen (Registerkarte Netzwerk)
    Rechtsklick-Optionen (Registerkarte Netzwerk)
  8. Wählen Sie die Option Speichern Sie alle als HAR mit Inhalten. Ein Dialogfeld sollte angezeigt werden, in dem Sie die Datei auf Ihrem Computer speichern können.
    Wählen Sie: "Alle als HAR mit Inhalten speichern"
    Wählen Sie: "Alle als HAR mit Inhalten speichern"
  9. Du bist fertig! Sie können die Datei jetzt überprüfen, bevor Sie sie zur Fehlerbehebung an uns senden.

Generieren einer HAR-Datei in Firefox

  1. Navigieren Sie zu der Seite mit dem Problem
  2. Sobald Sie auf der Seite sind, verwenden Sie die Tastenkombination Befehl + Option + I. um die Web Developer Console zu öffnen.

    Bei Erfolg sollte in Ihrem Browserfenster der folgende Bildschirm angezeigt werden:

    Firefox (v69. 0 64 -bit) Webentwickler-Bildschirm
    Firefox (v69. 0 64 -bit) Webentwickler-Bildschirm
  3. Das solltest du sehen Konsole oben links auf dem neuen Bildschirm ausgewählt.

  4. Klicken Sie auf die Registerkarte "Netzwerk" und Ihr Bildschirm sollte sich wie folgt ändern:

    Registerkarte "Firefox Web Developer Network"
    Registerkarte "Firefox Web Developer Network"
  5. Aktivieren Sie auf dem Netzwerkbildschirm die Kontrollkästchen Protokoll beibehalten und Cache deaktivieren oben links.

    Das obige Beispiel hat bereits beides Protokoll beibehalten und Cache deaktivieren ausgewählt.

  6. Aktualisieren Sie die Seite, um den Netzwerkverkehr zwischen Ihrem Browser und der Website aufzuzeichnen.

    Der Bildschirm sollte nun wie folgt aussehen:

    Registerkarte "Firefox Web Developer Network"
    Registerkarte "Firefox Web Developer Network"
  7. Wenn die Website vollständig geladen ist, klicken Sie mit der rechten Maustaste auf eines der in der Tabelle aufgeführten Elemente. Eine Liste der folgenden Optionen sollte angezeigt werden:

    Optionsbildschirm
    Optionsbildschirm
  8. Wählen Sie die Option Speichern Sie alles als HAR . Ein Dialogfeld sollte angezeigt werden, in dem Sie die Datei auf Ihrem Computer speichern können.

    Wählen Sie: "Alles als HAR speichern"
    Wählen Sie: "Alles als HAR speichern"
  9. Du bist fertig! Sie können die Datei jetzt überprüfen, bevor Sie sie zur Überprüfung an uns senden.

Generieren einer HAR-Datei in Safari

  1. Navigieren Sie zu der Seite mit dem Problem
  2. Sobald Sie auf der Seite sind, verwenden Sie die Tastenkombination Befehl + Option + I. zu öffnen Safari Web Inspector .

    Bei Erfolg sollte in Ihrem Browserfenster der folgende Bildschirm (Web Inspector) angezeigt werden:

    Safari Web Inspector (Version  12.0. 3) Registerkarte "Konsole"
    Safari Web Inspector (Version 12.0. 3) Registerkarte "Konsole"
  3. Standardmäßig Konsole ist der erste Bildschirm, der angezeigt wird, aber es wird auch das letzte Fenster geöffnet, das Sie zuletzt verwendet haben.
  4. Wenn nicht schon in der Registerkarte Netzwerk, Klicken Sie auf Netzwerk registerkarte oben links auf der Web Inspector-Fenster und ihr bildschirm sollte sich wie folgt ändern:
    Registerkarte "Safari Web Inspector-Netzwerk"
    Registerkarte "Safari Web Inspector-Netzwerk"
  5. Aktivieren Sie auf dem Netzwerkbildschirm die Kontrollkästchen Protokoll beibehalten und Cache deaktivieren oben links. Das obige Beispiel hat bereits beides Protokoll beibehalten und Cache deaktivieren ausgewählt.
  6. Aktualisieren Sie die Seite, um den Netzwerkverkehr zwischen Ihrem Browser und der Website aufzuzeichnen.
  7. Wenn die Website vollständig geladen ist, klicken Sie mit der rechten Maustaste auf eines der in der Tabelle aufgeführten Elemente. Eine Liste der folgenden Optionen sollte angezeigt werden:
    Rechtsklick-Optionen (Registerkarte Netzwerk)
    Rechtsklick-Optionen (Registerkarte Netzwerk)
  8. Wählen Sie die Option HAR exportieren. Ein Dialogfeld sollte angezeigt werden, in dem Sie die Datei auf Ihrem Computer speichern können.
    Wählen Sie: "Alle als HAR mit Inhalten speichern"
    Wählen Sie: "Alle als HAR mit Inhalten speichern"
  9. Du bist fertig! Sie können die Datei jetzt überprüfen, bevor Sie sie zur Fehlerbehebung an uns senden.

Generieren einer HAR-Datei in Microsoft Edge

  1. Navigieren Sie zu der Seite mit dem Problem
  2. Sobald Sie auf der Seite sind, drücken Sie die Taste F12 zu öffnen Entwicklerwerkzeuge Bildschirm.

    Bei Erfolg sollte in Ihrem Browserfenster der folgende Bildschirm (Web Inspector) angezeigt werden:

    Registerkarte "Microsoft Edge Developer Tools (v44. 17)" Elemente
    Registerkarte "Microsoft Edge Developer Tools (v44. 17)" Elemente

    Standardmäßig ist die Elemente Bildschirm wird zuerst angezeigt.

  3. Wenn nicht schon in der Registerkarte Netzwerk, Klicken Sie auf Netzwerk registerkarte oben links auf der Web Inspector-Fenster und ihr bildschirm sollte sich wie folgt ändern:
    Registerkarte "Netzwerk" der Microsoft Edge Developer Tools
    Registerkarte "Netzwerk" der Microsoft Edge Developer Tools
  4. Aktualisieren Sie auf dem Netzwerkbildschirm die Seite, damit der Browser die Netzwerkaktivität vom ersten Laden an aufzeichnet.
  5. Wenn die Website vollständig geladen ist, klicken Sie auf Floppy-Symbol (Unten gezeigt), um die HAR-Datei zu speichern.
    Klicken Sie auf das Diskettensymbol, um die Netzwerkaktivität (HAR) zu speichern.
    Klicken Sie auf das Diskettensymbol, um die Netzwerkaktivität (HAR) zu speichern.
  6. Du bist fertig! Sie können die Datei jetzt überprüfen, bevor Sie sie zur Fehlerbehebung an uns senden.

Generieren einer HAR-Datei in Internet Explorer 11

  1. Navigieren Sie zu der Seite mit dem Problem
  2. Sobald Sie auf der Seite sind, drücken Sie die Taste F12 zu öffnen Entwicklerwerkzeuge Bildschirm.

    Bei Erfolg sollte in Ihrem Browserfenster der folgende Bildschirm (Web Inspector) angezeigt werden:

    Registerkarte "Internet Explorer-Entwicklertools" (Version 11. 8)
    Registerkarte "Internet Explorer-Entwicklertools" (Version 11. 8)

    Standardmäßig ist die Konsole Bildschirm wird zuerst angezeigt.

  3. Wenn nicht schon in der Registerkarte Netzwerk, Klicken Sie auf Netzwerk registerkarte oben links auf der Web Inspector-Fenster und ihr bildschirm sollte sich wie folgt ändern:
    Registerkarte "Netzwerk" der Microsoft Edge Developer Tools
    Registerkarte "Netzwerk" der Microsoft Edge Developer Tools
  4. Aktualisieren Sie auf dem Netzwerkbildschirm die Seite, damit der Browser die Netzwerkaktivität vom ersten Laden an aufzeichnet.
  5. Wenn die Website vollständig geladen ist, klicken Sie auf Floppy-Symbol (Unten gezeigt), um die HAR-Datei zu speichern.
    Klicken Sie auf das Diskettensymbol, um die Netzwerkaktivität (HAR) zu speichern.
    Klicken Sie auf das Diskettensymbol, um die Netzwerkaktivität (HAR) zu speichern.
  6. Du bist fertig! Sie können die Datei jetzt überprüfen, bevor Sie sie zur Fehlerbehebung an uns senden.