In der Konsole wurden Browserfehler protokolliert

In den meisten Browsern sind Entwicklertools bereits integriert. Diese Entwicklertools umfassen in der Regel eine Konsole. In der Konsole finden Sie Informationen zur aktuell geöffneten Seite.

Die in der Console protokollierten Nachrichten stammen entweder von den Webentwicklern, die die Seite erstellt haben, oder vom Browser selbst. Alle Konsolennachrichten haben eine Wichtigkeitsstufe: Verbose, Info, Warning oder Error. Die Meldung Error bedeutet, dass auf Ihrer Seite ein Problem aufgetreten ist, das Sie beheben müssen.

So schlägt die Prüfung auf Lighthouse-Browserfehler fehl

Lighthouse kennzeichnet alle in der Konsole protokollierten Browserfehler:

Lighthouse-Audit, das Browserfehler in der Konsole zeigt

Browserfehler beheben

Beheben Sie alle von Lighthouse gemeldeten Browserfehler, damit Ihre Seite für alle Nutzer wie erwartet ausgeführt wird.

Die Chrome-Entwicklertools enthalten einige Tools, mit denen Sie die Ursache von Fehlern ermitteln können:

  • Unterhalb der einzelnen Fehlertexte wird in der Entwicklertools-Konsole der Aufrufstack angezeigt, der zur Ausführung des problematischen Codes geführt hat.
  • Rechts oben neben jedem Fehler finden Sie einen Link mit dem Code, der den Fehler verursacht hat.

Dieser Screenshot zeigt beispielsweise eine Seite mit zwei Fehlern:

Beispiel für Fehler in der Chrome-Entwicklertools-Konsole

In diesem Beispiel stammt der erste Fehler von einem Webentwickler aus einem Aufruf von console.error(). Der zweite Fehler kommt vom Browser und gibt an, dass eine Variable nicht vorhanden ist, die in einem der Skripts der Seite verwendet wird.

In der Entwicklertools-Konsole wird unter dem Text jedes Fehlers der Aufrufstack angegeben, in dem der Fehler auftritt. Für den ersten Fehler zeigt die Console beispielsweise an, dass eine (anonymous)-Funktion namens init, die Funktion doStuff genannt wird. Wenn Sie oben rechts in der 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 überprüfen, können Sie mögliche Probleme leichter erkennen und beheben.

Wenn Sie die Ursache des Fehlers nicht herausfinden können, versuchen Sie, den Fehlertext in eine Suchmaschine einzugeben. Wenn Sie keine Lösung für Ihr Problem finden, können Sie in Stack Overflow eine Frage stellen.

Wenn Sie einen Fehler nicht beheben können, sollten Sie ihn in eine try…catch-Anweisung einschließen, um im Code explizit darauf hinzuweisen, dass Ihnen das Problem bekannt ist. Sie können den catch-Block auch verwenden, um Fehler anmutiger zu behandeln.

Ressourcen