JavaScript-Fehler

Was wir prüfen

Wir laden die Startseite in einem echten Browser und zeichnen auf, was die Skripte melden:

• Skriptfehler (nicht abgefangene Exceptions), die ein Skript abbrechen: Warnung, wenn sie von der eigenen Domain der Website stammen.
• Fehlermeldungen (console.error), die Skripte ausgeben, aber weiterlaufen: Hinweis.
• Fehler aus Skripten von Drittanbietern: Hinweis, getrennt aufgeführt.

Meldungen zu fehlenden Dateien und unverschlüsselten Inhalten zählen hier nicht, dafür gibt es eigene Prüfungen.

Warum das wichtig ist

JavaScript steuert heute fast alles, was sich auf einer Seite bewegt oder reagiert: Navigation auf dem Smartphone, Bildergalerien, Formularprüfung, Cookie-Hinweise, Karten. Bricht ein Skript mit einem Fehler ab, stoppt auch alles, was in derselben Datei danach kommt. Besucher bekommen keine Meldung, die Seite wirkt einfach störrisch.

Solche Fehler entstehen oft schleichend: Ein Plugin wird aktualisiert, ein anderes nicht; ein Theme erwartet eine jQuery-Version, die nicht mehr geladen wird; ein eingebetteter Dienst ändert seine Schnittstelle. Weil die Startseite optisch intakt bleibt, fällt das wochenlang niemandem auf.

Skriptfehler sind ausserdem ein Zeichen für fehlende Pflege. Die betroffenen Dateien sind meist auch sicherheitsrelevant veraltet.

So behebst Du es

Fehler lesen

Die Detailangabe im Bericht nennt die ersten Meldungen. Typische Muster:

• … is not defined oder … is not a function: Ein Skript verlässt sich auf ein anderes, das fehlt oder zu spät lädt. Oft eine fehlende Bibliothek wie jQuery oder eine falsche Ladereihenfolge.
• Cannot read properties of null: Das Skript sucht ein Element, das auf dieser Seite nicht existiert. Meist ein Skript, das für eine andere Seite gedacht ist und überall geladen wird.
• Unexpected token: Fehlerhafter Code oder eine Datei, die gar kein JavaScript ist, etwa eine Fehlerseite statt des Skripts.

Ursachen beheben

• CMS und Plugins aktualisieren, und zwar alle zusammen. Deaktiviere Plugins, die nicht mehr gebraucht werden.
• Nach dem Update testen: Öffne die Startseite und die wichtigsten Unterseiten mit offener Konsole.
• Drittanbieter-Einbettungen auf den aktuellen Code des Anbieters umstellen.

Für die Fehlersuche braucht es meist die Person oder Agentur, die die Website betreut.

So prüfst Du es selbst

Öffne die Seite, drück F12 und wechsle zum Reiter «Konsole». Lade die Seite neu. Rote Einträge sind Fehler; ein Klick auf den Dateinamen rechts zeigt, welches Skript betroffen ist. Teste danach, ob Menü, Formulare und Slider funktionieren.

Häufige Fragen

Die Seite sieht doch gut aus. Warum ist ein Skriptfehler ein Problem?

Weil das Aussehen aus HTML und CSS kommt, die Funktion aber oft aus JavaScript. Ein abgebrochenes Skript hinterlässt keine sichtbare Spur, nur ein Menü, das sich nicht öffnet, einen Slider, der steht, oder ein Formular, das nichts abschickt.

Was ist der Unterschied zwischen einem Skriptfehler und einer Fehlermeldung in der Konsole?

Ein Skriptfehler (Exception) bricht das Skript ab, alles danach läuft nicht mehr. Eine Fehlermeldung in der Konsole schreibt ein Skript bewusst, läuft aber weiter. Das erste wiegt schwerer.

Fehler von Drittanbietern: Ist da etwas zu tun?

Meist nicht sofort. Prüfe aber, ob die Einbindung noch aktuell ist. Ein Dienst, der Fehler wirft, wurde oft umgestellt oder abgeschaltet.