Browser-Trace-Informationen erfassen

Wenn Sie ein Problem mit der webbasierten Google Cloud Console melden, helfen uns Browser-Trace-Informationen, das Problem zu verstehen und zu untersuchen. In diesem Leitfaden wird beschrieben, wie Sie relevante Artefakte erfassen und speichern, damit Sie sie in Ihrer Supportanfrage teilen können.

Weitere Informationen dazu, welche Angaben in Ihrem Bericht hilfreich sind, finden Sie unter Ein Problem mit der Google Cloud Console melden.

Eine HAR-Datei erfassen

HAR (HTTP-Archiv) ist ein Dateiformat zum Aufzeichnen von HTTP-Sitzungsdaten, das bei der Fehlerbehebung von HTTP-Problemen hilfreich ist.

So erfassen und speichern Sie eine HAR-Datei mit Ihrem Browser:

Chrome

So verwenden Sie den Bereich „Netzwerk“ in den Chrome-Entwicklertools:

  1. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  2. Öffnen Sie die Chrome-Entwicklertools: Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Untersuchen aus.

  3. Wählen Sie im DevTools-Bereich den Tab Netzwerk aus. Das Tool beginnt automatisch mit der Aufzeichnung der Netzwerkaktivität.

  4. Wählen Sie Protokoll beibehalten aus.

  5. Klicken Sie auf  Netzwerkprotokoll löschen.

  6. Reproduzieren Sie das Problem, indem Sie mit der Google Cloud Console interagieren.

  7. Wenn Sie das Problem reproduziert haben, klicken Sie auf  HAR exportieren (bereinigt) und speichern Sie die generierte HAR-Datei.

Edge

So verwenden Sie das Microsoft Edge DevTools-Netzwerktool:

  1. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  2. Öffnen Sie die Microsoft Edge-Entwicklertools: Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Untersuchen aus.

  3. Wählen Sie im DevTools-Bereich den Tab Netzwerk aus. Das Tool beginnt automatisch mit der Aufzeichnung der Netzwerkaktivität.

  4. Wählen Sie Protokoll beibehalten aus.

  5. Klicken Sie auf  Netzwerkprotokoll löschen.

  6. Reproduzieren Sie das Problem, indem Sie mit der Google Cloud Console interagieren.

  7. Wenn Sie mit der Reproduktion des Problems fertig sind, klicken Sie auf  HAR exportieren und speichern Sie die generierte HAR-Datei.

Firefox

So verwenden Sie den Netzwerkmonitor für Firefox-Entwicklertools:

  1. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  2. Öffnen Sie die Firefox-Entwicklertools: Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Untersuchen aus.

  3. Wählen Sie im DevTools-Bereich den Tab Netzwerk aus. Das Tool beginnt automatisch mit der Aufzeichnung der Netzwerkaktivität.

  4. Klicken Sie auf  Einstellungen und wählen Sie dann Logs beibehalten aus.

  5. Klicken Sie auf Löschen.

  6. Reproduzieren Sie das Problem, indem Sie mit der Google Cloud Console interagieren.

  7. Wenn Sie das Problem reproduziert haben, klicken Sie auf  Einstellungen > Als HAR speichern und speichern Sie die generierte HAR-Datei.

Safari

So verwenden Sie den Safari Web Inspector-Tab „Netzwerk“:

  1. Aktivieren Sie die Safari-Entwicklertools.

  2. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  3. Öffnen Sie den Safari Web Inspector: Klicken Sie in der Safari-Menüleiste auf Entwickler > Web Inspector anzeigen.

  4. Wählen Sie im Web Inspector den Tab Netzwerk aus. Das Tool beginnt automatisch mit der Aufzeichnung der Netzwerkaktivität.

  5. Wählen Sie Protokoll beibehalten aus und laden Sie die Webseite neu.

  6. Klicken Sie auf  Netzwerkelemente löschen.

  7. Reproduzieren Sie das Problem, indem Sie mit der Google Cloud Console interagieren.

  8. Wenn Sie mit der Reproduktion des Problems fertig sind, klicken Sie auf Exportieren und speichern Sie die generierte HAR-Datei.

Sie können die gespeicherte HAR-Datei dann als Anhang in Ihrer Supportanfrage hochladen.

Leistungsprofil erfassen

Wenn Leistungsprobleme auftreten, z. B. langsame Seiteninteraktionen oder Rendering, können Sie ein Browser-Leistungsprofil aufzeichnen. So erfassen und speichern Sie ein Leistungsprofil mit Ihrem Browser:

Chrome

So verwenden Sie den Bereich „Leistung“ in den Chrome-Entwicklertools:

  1. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  2. Öffnen Sie die Chrome-Entwicklertools: Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Untersuchen aus.

  3. Wählen Sie im DevTools-Bereich den Tab Leistung aus.

  4. Klicken Sie auf  Aufzeichnen und neu laden und reproduzieren Sie das Problem, indem Sie die Google Cloud Console verwenden.

    Der Profiler zeichnet bis zu 10 Sekunden lang auf oder bis der Zwischenspeicher voll ist. Wenn Sie ein längeres Profil aufzeichnen müssen, um das Problem zu erfassen, können Sie die Aufzeichnung manuell steuern, indem Sie auf  Aufzeichnen und Beenden klicken.

  5. Wenn Sie mit der Aufzeichnung des Profils fertig sind, klicken Sie auf Profil speichern> Trace speichern und speichern Sie die generierte Datei.

Edge

So verwenden Sie das Microsoft Edge DevTools Performance-Tool:

  1. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  2. Öffnen Sie die Microsoft Edge-Entwicklertools: Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie Untersuchen aus.

  3. Wählen Sie im DevTools-Bereich den Tab Leistung aus.

  4. Klicken Sie auf Profilerstellung starten und Seite neu laden und reproduzieren Sie das Problem, indem Sie die Google Cloud Console verwenden.

    Der Profiler zeichnet bis zu 10 Sekunden lang auf oder bis der Zwischenspeicher voll ist. Wenn Sie ein längeres Profil aufzeichnen müssen, um das Problem zu erfassen, können Sie die Aufzeichnung manuell steuern, indem Sie auf  Aufzeichnen und Beenden klicken.

  5. Wenn Sie mit der Aufnahme des Profils fertig sind, klicken Sie auf  Profil speichern und speichern Sie die generierte Datei.

Firefox

So verwenden Sie den Firefox Profiler:

  1. Aktivieren Sie das Pop-up für den Firefox Profiler. Dadurch wird der Firefox-Symbolleiste ein Profiler-Symbol hinzugefügt.

  2. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  3. Öffnen Sie das Firefox Profiler-Menü: Klicken Sie in der Firefox-Symbolleiste auf den Pfeil neben dem Profiler-Symbol.

  4. Wählen Sie im Profiler-Menü im Feld Einstellungen die Option Webentwickler aus.

  5. Klicken Sie auf Aufzeichnung starten, aktualisieren Sie die Webseite und reproduzieren Sie das Problem, indem Sie die Google Cloud Console verwenden.

    Klicken Sie zum Beenden der Aufzeichnung auf das Profiler-Symbol in der Firefox-Symbolleiste. Dadurch wird ein neuer Tab mit den aufgezeichneten Daten in der Firefox Profiler-Web-App geöffnet.

  6. Klicken Sie zuerst auf Lokales Profil hochladen und dann auf Herunterladen. Danach speichern Sie die generierte Datei.

Safari

So verwenden Sie den Tab „Zeitachsen“ im Safari Web Inspector:

  1. Aktivieren Sie die Safari-Entwicklertools.

  2. Rufen Sie in der Google Cloud Console die Seite auf, auf der das Problem auftritt.

  3. Öffnen Sie den Safari Web Inspector: Klicken Sie in der Safari-Menüleiste auf Entwickler > Web Inspector anzeigen.

  4. Wählen Sie im Web Inspector den Tab Zeitachsen aus.

  5. Wählen Sie Aufzeichnung beenden, sobald die Seite geladen wird aus.

  6. Aktualisieren Sie die Webseite und reproduzieren Sie das Problem, indem Sie die Google Cloud Console verwenden.

    Der Profiler zeichnet bis zu 10 Sekunden lang auf oder bis der Zwischenspeicher voll ist. Wenn Sie ein längeres Profil aufzeichnen müssen, um das Problem zu erfassen, können Sie die Aufzeichnung manuell steuern, indem Sie auf Aufzeichnung starten und Aufzeichnung beenden klicken.

  7. Wenn Sie mit der Aufzeichnung des Profils fertig sind, klicken Sie auf Exportieren und speichern Sie die generierte Datei.

Sie können das gespeicherte Leistungsprofil dann als Anhang in Ihre Supportanfrage hochladen.