Wie erkenne ich einen Fehler in der Netzwerk- und Konsolenregisterkarte?

[Franzi]

Manchmal stößt man auf einen Fehler auf einer Seite, der nicht spezifisch oder aussagkräftig genug für eine effektive Fehleranalyse ist.  In diesem Fall müssten noch weitere Informationen darüber gesammelt werden, was falsch sein könnte oder nicht richtig funktioniert. 

Oft siehst Du kannst zum Beispiel ein solches Bild: 

Wenn Du einen solchen Fehler siehst, gibt es ein Tool, mit dem Du mehr Informationen über den Fehler finden kannst: Die Javascript-Konsole. 

Dort kannst Du oft die spezifischen Informationen sehen, die dich direkt zur Lösung führen können. Bei anderen Gelegenheiten erhälst Du vielleicht mehr zielführende Informationen. Die Netzwerkfehler sind großartig, wenn man ein Ticket bei unserem Support einreicht. 

Diese zusätzlichen Informationen helfen unseren Support-Mitarbeitern, den Prozess der Fehlersuche zu beschleunigen.

Die Javascript-Konsole in Google Chrome (Du kannst auch in anderen Browsern auf eine Konsole zugreifen, aber wir werden uns auf Chrome konzentrieren) ist ein sehr nützliches Werkzeug, das alle Fehler anzeigen kann, die auf der Seite auftreten können, und weitere Informationen darüber liefert, worauf sich der Fehler ganz genau bezieht. 

Im Support wenden wir uns an die Konsole, um weitere Informationen über Fehler zu erhalten. Aus diesem Grund kann es vorkommen, dass wir nach einem Screenshot Deiner Konsole fragen. 

Wie kannst Du also also auf diese Konsole zugreifen und diese Fehler erfassen?

Registerkarte Konsole

1. Öffne Chrome für die Seite, auf welcher der Fehler auftritt
2. Klicke mit der rechten Maustaste auf die Seite und dann auf 'Untersuchen'. Alternativ kannst Du auch die Tastenkombinationen Strg + Umschalt + J (Windows / Linux) oder Befehl + Option + J (Mac) verwenden.
3. Navigiere zur Registerkarte "Konsole".
4. Wiederhole den Prozess, den du vollzogen hast, welcher den Fehler auslöst.

Die Registerkarte Konsole protokolliert alle Fehler oder Warnungen, die auf der Seite erscheinen. Wenn beispielsweise eine Ressource auf der Seite nicht geladen werden kann, findest Du diesen Fehler oft in der Konsole.

Registerkarte Netzwerk

1. Navigiere zur Registerkarte Netzwerk
2. Lade die Seite mit den Fehlern neu
3. Klicke auf den Fehler und gehe zu den Registerkarten "Headers", "Preview" und "Response", um noch mehr Informationen über den Fehler zu erhalten.

Die Registerkarte Netzwerk zeigt alle auf der Seite geladenen Elemente und deren Ladezeiten. Wenn beispielsweise eine Javascript-Datei an die Seite angehängt ist, wird diese Javascript-Datei beim Laden der Seite auf der Registerkarte Netzwerk aufgelistet.

Die meisten Fehler und fehlgeschlagenen Ressourcen sind rot markiert. Du kannst also jeden dieser rot markierten Texte in den Konsolen- und Netzwerk-Registerkarten einfangen und diese deinem Ticket an den Support hinzufügen!

Du kannst auch eine HAR-Datei auf der Netzwerk-Registerkarte sammeln. Eine Anleitung zum Aufnehmen dieser Datei findest du hier.

Weitere Informationen über die Chrome-Konsole findest Du hier.

Sollten weitere Fragen während des Vorgangs aufkommen, kannst Du diese gerne hier stellen.