In der Vergangenheit war das Debuggen von Javascript schrecklich, da es keine Tools wie Firebug gab , die wir täglich haben. Daher war das Entwickeln von Javascript eine Qual. Gegenwärtig zeigen uns die verschiedenen Konsolen der Browser den Weg dahin besser folgt unserer Bewerbung.

Tipps zum Debuggen von Javascript

Nachfolgend sehen wir einige Dinge, die wir berücksichtigen müssen, wenn wir unseren Javascript- Code debuggen möchten. Denken Sie daran, dass dies die Sprache ist, in der AngularJS verwendet wird, sodass sie eine direkte Beziehung haben:

• Es ist unbedingt erforderlich, mit den unkomprimierten oder verkleinerten Versionen der JS- Dateien zu arbeiten, da wir auf diese Weise Zugriff auf die richtige Codezeile haben, in der der Fehler auftritt, und außerdem die korrekten Namen der Variablen haben, in denen einige Tools enthalten sind Sie können detailliertere Informationen zum Fehler geben.

• Der Einfachheit halber empfiehlt es sich, den JS-Code in separaten Dateien der HTML- Datei zu speichern, in der er ausgeführt wird, um den Code besser verwalten zu können.

• Die Verwendung von Haltepunkten und des Tools ” Pause bei allen Ausnahmen” hilft uns, die Anwendung zu stoppen, wenn ein Fehler auftritt. Auf diese Weise können wir das Problem schneller eingrenzen und die entsprechende Lösung finden.

Debug-Tools

Wie eingangs erwähnt, gab es in der Vergangenheit keine Tools, mit denen wir unseren Javascript- Code angemessen auswerten konnten. Mit modernen Browsern verfügen wir fast immer über eine Konsole, auf der wir das Verhalten von Javascript erkennen können. In Google Chrome haben wir beispielsweise die Entwicklertools das können wir durch Drücken der F12- Taste erhalten.

Um jedoch den Verlauf unserer in AngularJS erstellten Anwendung zu verfolgen , haben wir ein noch leistungsfähigeres Tool namens Batarang , mit dem wir , wenn es installiert ist, den aktuellen Status unserer Anwendung abrufen und unter anderem die Anrufübergaben zwischen Controllern und Modellen überprüfen können.

Zusätzlich zu all dem ist Firebug auch ein wichtiges Tool, da es uns ermöglicht, Informationen über das sogenannte Ajax und die verschiedenen Variablen oder Parameter zu erhalten, die während dieser übergeben werden.

Nachdem wir dieses Tutorial abgeschlossen haben, haben wir verschiedene Tools gefunden, mit denen wir unsere Anwendungen in AngularJS entwickeln und steuern können, wie die Informationen angezeigt werden, wenn Fehler darin auftreten.