Die meisten Browser werden mit integrierten Entwicklertools ausgeliefert. Diese Entwicklertools enthalten in der Regel eine Konsole. In der Console finden Sie Informationen zur aktuell ausgeführten Seite.
Meldungen, die in der Console protokolliert werden, stammen entweder von den Webentwicklern, die die Seite erstellt haben, oder vom Browser selbst.
Alle Konsolenmeldungen haben einen Schweregrad: Verbose, Info, Warning oder Error.
Eine Error-Meldung bedeutet, dass es auf Ihrer Seite ein Problem gibt, das Sie beheben müssen.
So schlägt das Lighthouse-Audit für Browserfehler fehl
Lighthouse kennzeichnet alle Browserfehler, die in der Konsole protokolliert werden:
Browserfehler beheben
Beheben Sie alle Browserfehler, die von Lighthouse gemeldet werden, damit Ihre Seite für alle Nutzer wie erwartet funktioniert.
Die Chrome-Entwicklertools enthalten einige Tools, mit denen Sie die Ursache von Fehlern ermitteln können:
- Unter dem Text der einzelnen Fehler wird in der DevTools-Konsole der Aufrufstack angezeigt, der die Ausführung des problematischen Codes verursacht hat.
- Über einen Link oben rechts bei jedem Fehler können Sie den Code aufrufen, der den Fehler verursacht hat.
Auf diesem Screenshot sehen Sie beispielsweise eine Seite mit zwei Fehlern:
Im Beispiel stammt der erste Fehler von einem Webentwickler bei einem Aufruf von console.error().
Der zweite Fehler stammt vom Browser und weist darauf hin, dass eine Variable, die in einem der Skripts der Seite verwendet wird, nicht vorhanden ist.
Unter dem Text jedes Fehlers wird in der DevTools-Konsole der Aufrufstack angezeigt, in dem der Fehler auftritt.
Für den ersten Fehler wird in der Console beispielsweise angegeben, dass die Funktion (anonymous) die Funktion init aufgerufen hat, die wiederum die Funktion doStuff aufgerufen hat.
Wenn Sie oben rechts in dieser Fehlermeldung auf den Link pen.js:9 klicken, wird der entsprechende Code angezeigt.
Wenn Sie den relevanten Code für jeden Fehler auf diese Weise prüfen, können Sie mögliche Probleme identifizieren und beheben.
Wenn Sie die Ursache eines Fehlers nicht ermitteln können, geben Sie den Fehlertext in eine Suchmaschine ein. Wenn Sie keine Lösung für Ihr Problem finden, können Sie eine Frage auf Stack Overflow stellen.
Wenn Sie einen Fehler nicht beheben können, sollten Sie ihn in eine try...catch-Anweisung einfügen, um im Code explizit darauf hinzuweisen, dass Sie sich des Problems bewusst sind.
Sie können auch den catch-Block verwenden, um den Fehler besser zu behandeln.