Am 14. September 2017 haben wir eine überarbeitete Fassung unserer Datenschutzrichtlinie veröffentlicht. Wenn Sie video2brain.com weiterhin nutzen, erklären Sie sich mit diesem überarbeiteten Dokument einverstanden. Bitte lesen Sie es deshalb sorgfältig durch.

JavaScript Grundkurs

Fehlersuche und Debugging

LinkedIn Learning kostenlos und unverbindlich testen!

Jetzt testen Alle Abonnements anzeigen
Best practice - Sie sehen hier, wie Sie in JavaScript Fehler finden können und wie Ihnen ein Debugger dabei zur Verfügung steht.
04:22

Transkript

Je komplizierter ihre Skripte werden, destso höher ist die Wahrscheinlichkeit, dass Sie Fehler machen, dass also bestimmte Teile nicht so funktionieren, wie Sie es erwarten, oder auch gar nicht. Ich möchte Ihnen in diesem Film einige Tipps geben, wie Sie Fehler in Javascript finden können. Grundsätzlich hat jeder Browser eine sogenannte Fehlerkonsole, das heißt je nachdem, wo das in der speziellen Version eines Browsers ist, gibt es irgendwo etwas, was sich Fehlerkonsole, oder ähnlich nennt und wenn ein Skript bei mir nicht läuft, ist das mein erster Blick normalerweise. Ich gucke in die Fehlerkonsole und schaue mir an, was ist da alles an Meldung. Das sind sehr viele warnings normalerweise, aber echte Fehler werden auch deutlich gekennzeichnet, meist mit dem roten Symbol und man sollte immer ans Ende der Fehlerkonsole laufen, denn der letzte Fehler wird immer unten angezeigt. Aus meiner Sicht ist die Fehlerkonsole erst einmal der beste Weg, dann bietet es sich an, bestimmte Quellcodepassagen, in denen man einen Fehler vermutet, auszukommentieren, das heißt wenn aus irgendwelchen Gründen ein bestimmter Bereich aus ihrer Sicht kritisch sein könnte, etwa bevor Sie hingeschrieben haben, hat es noch funktioniert und jetzt funktioniert es nicht mehr, dann kommentieren Sie ihn einfach aus und lassen das noch mal laufen, wenn es dann läuft, dann würden Sie auf diese Stelle genauer gucken. Was ich auch anbieten würde, wäre Alertt Ausgaben in ein Skript einfach einzubauen, heißt Sie machen eine Testausgabe und wenn diese Anweisung erreicht wird, ist das Skript bis dahin gelaufen und wenn Sie eine Folge von diesen Alert Anweisungen haben und irgendwann bricht diese Folge ab, dann wissen Sie zwischen der letzten, die noch angezeigt wurde und der die nicht mehr angezeigt wurde, muss der Fehler sein. So ein Alert ist allerdings eine sehr rustikale Variante und es bietet sich in vielen Fällen auch an einen sogenannten Debuger zu nehmen. Tatsächlich hat Aptana einen integrierten Debug, das sehen Sie hier über run Debug, bezihungsweise debug S, aber auch Firebug beinhaltet einen integrierten Debuger und diesen möchte ich kurz zeigen. Angenommen in diesem Skript wäre jetzt ein Fehler in dieser Webseite, dann sehen Sie das hier eine Kategorie Skript gibt in Firebug, also Firebug muss natürlich offen sein und dann können Sie mit der rechten Maustaste auf diesen Rand hier, einen Haltepunkt, ein Breakpoint setzen und das würde bedeuten, dass das Skript zu dem Zeitpunkt anhält, wo dieser Schritt verarbeitet wird. Hier oben können Sie gegebenenfalls verschiedene externe JavaScript Dateien selektieren, in welchen Sie ein Haltepunkt setzen wollen. Und wenn ich jetzt diese Seite noch mal lade, dann sehen Sie, dass das Skript an der Stelle abbricht, oder genauer genommen die Ausführung unterbricht, dann können Sie zum Beispiel Variablen gezielt auswerten, indem Sie sieanklicken mit der rechten Maustaste ‘’zu einer Überwachung hinzufügen``. Das sehen Sie dann hier, dann können Sie also sehen, was haben Variablen für einen Wert und vor allen Dingen können Sie verfolgen, wie das Skript läuft, denn es gibt jetzt die Möglichkeit durch den Quellcode zu steppen, Schritt für Schritt, eine Folge von Anweisungen auszuführen und Sie sehen hier beide Versuche zum Erzeugen von dem Active-X Objects sind schiefgegangen. Ich befinde mich ja hier im Firefox und jetzt bin ich in diesen Try hinein gelaufen und wenn das auch schiefgeht, komme ich darein, wenn es nicht schief geht, dann werde ich entsprechend an eine an der Stelle laufen, das heißt dieses Steppen durch den Quellcode ist eine sehr nützliche Maßnahme, um einen Fehler zu finden. Ich möchte es noch mal zusammenfassen, auskommentieren fehlerkonsole des Browsers, Testausgabe über Alert oder im besten Fall einen Debug. Auch die anderen Browser haben sehr oft einen geeignetetn Debuger zur Verfügung.

JavaScript Grundkurs

Lernen Sie die Möglichkeiten der universellen Sprache JavaScript kennen und machen Sie sich mit der Syntax vertraut, um Ihre Web-Applikationen durch effektive Skripts zu ergänzen.

8 Std. 20 min (134 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!