AngularJS Batarang-Tool

Einer der wichtigsten Prozesse beim Erstellen von Anwendungen ist die Fähigkeit, Fehler entdecken und korrigieren die verhindern, dass es richtig funktioniert, dafür haben wir verschiedene Techniken und Werkzeuge.
Die Eigenschaft von Javascript Um auf dem Client zu laufen, müssen wir den gesamten Prozess in unseren Browsern durchführen, jedoch im Fall von AngularJS es gibt kompliziertere als einfache dinge Javascript, deshalb müssen wir spezielle Tools verwenden, die uns die relevantesten Details zu unserer Anwendung liefern können.
Es ist eine Erweiterung, die wir installieren können Google Chrome und das sich direkt in die Entwicklertools des Browsers integriert, erfolgt die Integration, wenn im Panel eine Registerkarte mit dem Symbol und dem Namen von . generiert wird AngularJS.
Mit diesem Tool wissen wir jederzeit, in welchem ​​Bundesland sich unsere Bewerbung befindet AngularJS, sowie das Wissen um die Zustand der Modelle, der Scope-Variablen und des Verlaufs der verschiedenen Variablen die wir möglicherweise einsetzen, um unsere Ziele zu erreichen.
Das WerkzeugSobald wir auf die Registerkarte oder den Abschnitt zugreifen AngularJS in Entwicklertools Google Chrome wenn wir installieren Batarang, wird das Tool mit mehreren weiteren Registerkarten angezeigt, von denen jede uns unterschiedliche Arten von Informationen über die Anwendung liefert AngularJS die gerade im Browser läuft.
Sehen wir uns jetzt die wichtigsten Tabs für uns an:
Auf dieser Registerkarte können wir sehen, wie die Variablen Umfang sie sind verschachtelt und wie sie sich in unserer Anwendung verhalten. Außerdem können wir, wie der Name schon sagt, auch sehen, wie die Modelle in unserer Anwendung mit den Variablen zusammenarbeiten Umfang, das Beste ist, wir können Änderungen vornehmen und das Ergebnis in Echtzeit sehen:

Diese Registerkarte hat die Besonderheit, dass sie uns auffordert, aktiviert zu werden, da sie ihren eigenen Code in unsere Anwendungen einfügt Umfang und die Modelle, die es uns ermöglichen, die Leistung dessen, was wir codiert haben, zu sehen, wodurch wir die Möglichkeit haben, Verbesserungsmöglichkeiten zu erkennen und eine Anwendung schneller zu machen. Das Wichtigste ist, dass sie uns Daten in Echtzeit liefert, während wir unsere Anwendung verwenden, damit wir sehen können, ob unsere Lösungen mit ein wenig Gebrauch richtig skalieren:

Noch eine wichtige Sache hinzuzufügen Batarang zu unserem Browser ist die Möglichkeit, in der Konsole anzuzeigen Javascript des Browsers und bei der Prüfung von Elementen, Eigenschaften der AngularJS, mit dem wir unsere Bewerbung mit relevanten Informationen genauer untersuchen können:

Damit beenden wir dieses Tutorial, wie wir sehen Batarang ist ein ziemlich fortschrittliches Tool, das es uns ermöglicht, detaillierte Informationen über unsere Bewerbung zu erhalten, die mit gemacht wurde AngularJS und dass wir die Leistung dieser Anwendungen verbessern können, indem wir lernen, wie man sie verwendet.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben