Zum Hauptinhalt gehen

Browserkonsole öffnen und Debug-Informationen sammeln

Aktualisiert

Um die bei Ihnen auftretenden Fehler besser analysieren zu können, ist es sinnvoll, sich die Fehlermeldungen in der Browserkonsole anzusehen. Grundsätzlich wird diese mit der „F12“ Taste auf der Tastatur in jedem Browser aufgerufen. Gelegentlich ist ein Klick auf den Reiter „Konsole“ notwendig. Besonders relevant sind dann die rot markierten Fehlermeldungen. Nachfolgend werden einige Konsolen für die gängigsten Browser vorgestellt.

 

Hier die Schritte, um den Support bestmöglichst zu unterstützen:

  1. Öffnen Sie bitte die Browserkonsole vor dem Auftreten des Fehlers. 

  2. Wählen Sie den „Konsole“-Tab und entfernen Sie alle bisherigen Einträge durch das Klicken auf dem Button mit dem Kreis.

  3. Wählen Sie den „Netzwerk“-Tab und entfernen Sie alle bisherigen Einträge durch das Klicken auf dem Button mit dem Kreis.

  4. Reproduzieren Sie jetzt den Fehler.  

  5. Nehmen Sie zwei Screenshots des Browsers auf: Einen von dem geöffneten „Konsole“-Tab, einen weiteren von dem „Netzwerk“-Tab.

  6. Abschließend speichern Sie den Inhalt des „Konsole“- und „Netzwerk“-Fensters in eine Datei. Machen Sie dafür einen rechten Mausklick irgendwo im „Konsole“-Fenster. Im Kontextmenü wählen Sie im Anschluss „Speichern als...“. Wiederholen Sie die Schritte im „Netzwerk“-Fenster.

  7. Schicken Sie die Screenshots und die beiden Logdateien bitte an SoSafe

 

Detaillierte Screenshots für die gängigen Browsertypen finden Sie unten.

Google Chrome: 

Nachdem Sie das Menü (drei Punkte) in der oberen rechten Ecke des Browserfensters geöffnet und unter „Weitere Tools“ > „Entwicklertools“ ausgewählt haben – oder die Taste F12 drücken – öffnet sich eine Spalte auf der rechten Seite. Gegebenenfalls muss "Console“ bzw. "Network" angeklickt werden. Fehlermeldungen werden hier rot markiert, Warnungen gelb. 

Entfernen bisheriger Einträge in dem Konsole + Network Tab:

Chrome-Entwicklertools mit dem markierten Reiter Console und dessen Leeren-Symbol in einem Fenster, darunter ein zweites Fenster mit dem markierten Reiter Network und dessen Leeren-Symbol.

Konsole + Network Output:

Chrome-Entwicklertools mit dem Reiter Console, in dem ein roter Parsing-Fehler sowie zwei Warnungen zu nicht ladbaren Source Maps angezeigt werden, daneben der Reiter Network mit mehreren Anfragen, unter anderem adal.min.js sowie Preflight- und XHR-Aufrufen.

Download Output des Konsole + Network Tabs:

Chrome-Konsole mit geöffnetem Rechtsklick-Kontextmenü und markiertem Eintrag Save as, daneben der Reiter Network mit geöffnetem Kontextmenü und markiertem Eintrag Save all as HAR with content.

Microsoft Edge 

Nachdem Sie das Menü (drei Punkte) in der oberen rechten Ecke des Browserfensters geöffnet und unter „Weitere Tools“ > „Entwicklungstools“ ausgewählt haben – oder die Taste F12 drücken – öffnet sich eine Spalte auf der rechten Seite. Gegebenenfalls muss "Console“ bzw. "Network" angeklickt werden. Fehlermeldungen werden hier rot markiert, Warnungen gelb.  

Entfernen bisheriger Einträge in dem Konsole + Network Tab: 

Microsoft-Edge-Entwicklertools mit dem markierten Reiter Console und dessen Leeren-Symbol in einem Fenster, darunter ein zweites Fenster mit dem markierten Reiter Network und dessen Leeren-Symbol.

Konsole + Network Output:

Microsoft-Edge-Konsole mit einer Warnung zu erneut registrierten Icons, daneben der Reiter Network mit mehreren Anfragen, unter anderem moeerrorux.css, progress.gif und moe_status_icons.png.

Download Output des Konsole + Network Tabs:

Microsoft-Edge-Konsole mit geöffnetem Rechtsklick-Kontextmenü und markiertem Eintrag Save as, daneben der Reiter Network mit geöffnetem Kontextmenü und markiertem Eintrag Save all as HAR with content.

Mozilla Firefox 

Nachdem Sie das Menü (drei Linien) in der oberen rechten Ecke des Browserfensters geöffnet und unter „Weitere Werkzeuge“ > „Werkzeuge für Web-Entwickler“ ausgewählt haben – oder die Taste F12 drücken – öffnet sich unten eine Spalte. Gegebenenfalls muss "Konsole“ bzw. "Netzwerkanalyse" angeklickt werden. Fehlermeldungen werden hier rot markiert, Warnungen gelb. Falls nicht alles angezeigt wird, kann das Fenster am Rand der Konsole vergrößert werden (grüner Pfeil).

 

Entfernen bisheriger Einträge in dem Konsole + Network Tab: 

Firefox-Konsole mit dem hervorgehobenen Leeren-Symbol, daneben der Reiter Netzwerkanalyse mit ebenfalls hervorgehobenem Leeren-Symbol und dem Hinweis, eine Anfrage zu starten oder die Seite neu zu laden.

Konsole + Network Output:

Firefox-Konsole mit Warnungen zu einem partitionierten Cookie, einem XML-Verarbeitungsfehler und einem Cookie ohne passendes Attribut, daneben der Reiter Netzwerkanalyse mit Anfragen an die Domains reporter.sosafe.de und appsforoffice.

Download Output des Konsole + Network Tabs:

Firefox-Konsole mit geöffnetem Kontextmenü und markiertem Eintrag Alle Nachrichten in Datei speichern, daneben der Reiter Netzwerkanalyse mit geöffnetem Kontextmenü und markiertem Eintrag Alles als HAR speichern.

Internet Explorer 

Nach dem Drücken auf F12 öffnet sich unten eine Spalte. Gegebenenfalls muss „Konsole“ angeklickt werden. Fehlermeldungen werden hier rot markiert, Warnungen gelb. Falls nicht alles angezeigt wird, kann das Fenster am Rand der Konsole vergrößert werden. 

Verwandte Beiträge