Debuggen von Anwendungen in AngularJS

Der Prozess von Fehlersuche in jeder Anwendung ist sehr wichtig, das Hauptmerkmal von Javascript ist, dass es auf dem Client läuft, deshalb wird dieser Vorgang direkt im Browser ausgeführt, was bei erfahreneren Entwicklern manchmal ein wenig Ärger erzeugt, aber es ist nur ein weiteres Detail, das wir berücksichtigen müssen.
In der Vergangenheit Debugging Javascript Es war schrecklich, da es keine Werkzeuge wie gab Feuerwanze die wir in unserem Alltag haben, also entwickeln wir uns in Javascript Es war eine Qual, heutzutage zeigen uns die verschiedenen Browser-Konsolen besser den Weg, den unsere Anwendung einschlägt.
Sehen wir uns unten einige Dinge an, die wir beachten müssen, wenn wir unseren Code debuggen möchten Javascript, denken Sie daran, dass dies die Sprache ist, in der es ist AngularJS Sie hängen also direkt zusammen:

• Es muss unbedingt mit den unkomprimierten Versionen gearbeitet werden oder verkleinert aus den Dateien JS, da wir auf diese Weise Zugriff auf die richtige Codezeile haben, in der der Fehler auftritt, haben wir zusätzlich die richtigen Namen der Variablen, in denen uns einige Tools detailliertere Informationen über den Fehler geben können.

• Der Einfachheit halber ist es am besten, den JS-Code in separaten Dateien vom Archiv aufzubewahren. HTML die sie ausführt und unseren Code überschaubarer macht.

• Die Verwendung von Haltepunkte und Werkzeug Bei allen Ausnahmen pausieren Sie helfen uns, die Anwendung im Fehlerfall zu stoppen, so können wir das Problem schneller eingrenzen und so die passende Lösung finden.

Wie eingangs erwähnt, gab es in der Vergangenheit keine Tools, mit denen wir unseren Code auswerten können Javascript Passenderweise haben wir mit modernen Browsern fast immer eine Konsole zur Verfügung, auf der wir das Verhalten der Javascript, zum Beispiel in Google Chrome Wir haben die Entwicklertools, die wir durch Drücken der Taste erhalten können F12.

VERGRÖSSERN

Um jedoch den Verlauf unserer Bewerbung zu sehen in AngularJS Wir haben ein noch leistungsfähigeres Tool namens Batarang, die uns nach der Installation unter anderem ermöglicht, den aktuellen Status unserer Anwendung zu sehen, die Anrufübergänge zwischen Controllern und Modellen zu überprüfen.
Chrome-IntegrationDieses Tool wird direkt angehängt an Google Chrome zu den Entwicklertools und fügt eine neue Registerkarte hinzu, mit der wir beginnen können, die benötigten Informationen zu erhalten, z. B. die Leistung unserer Anwendung, Fehler, den Pfad der Variablen in unserem Prozess usw.
Zusätzlich zu all dem Feuerwanze Es ist auch ein wichtiges Instrument, da es uns ermöglicht, Informationen aus den sogenannten Ajax und die verschiedenen Variablen oder Parameter, die dabei übergeben werden.
Damit beenden wir dieses Tutorial, wir haben mehrere Tools entdeckt, die uns zur Verfügung stehen, um unsere Anwendungen zu entwickeln AngularJS und haben die Kontrolle darüber, wie die Informationen angezeigt werden, wenn darin Fehler auftreten.