Outil AngularJS Batarang

L'un des processus les plus importants lors de la création d'applications est de pouvoir découvrir et corriger les erreurs qui l'empêchent de fonctionner correctement, pour cela nous avons différentes techniques et outils.
La caractéristique de Javascript pour fonctionner sur le client nous oblige à faire tout le processus dans nos navigateurs, cependant dans le cas de AngularJS il y a des choses plus complexes que simples Javascript, c'est pourquoi nous devons utiliser des outils spécifiques qui peuvent nous donner les détails les plus pertinents à notre application.
C'est une extension que nous pouvons installer dans Google Chrome et qui s'intègre directement avec les outils de développement du navigateur, l'intégration se produit lorsqu'un onglet est généré dans le panneau qui a l'icône et le nom de AngularJS.
Cet outil nous permet de savoir à tout moment dans quel état est faite notre demande AngularJS, en plus de connaître les état des modèles, de la variable de portée et du cours des différentes variables que nous pouvons employer pour réaliser nos objectifs.
L'outilUne fois que nous avons accédé à l'onglet ou à la section AngularJS dans les outils de développement Google Chrome quand on installe Batarang, l'outil sera affiché avec plusieurs autres onglets où chacun d'eux nous donnera différents types d'informations pertinentes à l'application AngularJS qui s'exécute actuellement dans le navigateur.
Voyons les onglets les plus importants pour nous en ce moment :
Cet onglet permet de voir comment les variables portée ils sont imbriqués et comment ils se comportent dans notre application, de plus, comme leur nom l'indique, nous pouvons également voir comment les modèles de notre application fonctionnent avec les variables portée, le meilleur de tous, nous pouvons apporter des modifications et voir le résultat en temps réel :

Cet onglet a la particularité de nous demander d'être activé puisqu'il injecte son propre code dans nos applications, mais une fois cela fait nous pourrons avoir une vue particulière sur les variables portée et les modèles qui nous permettent de voir les performances de ce que nous avons codé, nous donnant ainsi la possibilité de détecter des opportunités d'amélioration et de rendre une application plus rapide, le plus important est qu'il nous donne des données en temps réel pendant que nous utilisons notre application, afin que nous puissions voir si nos solutions évoluent correctement avec un peu d'utilisation :

Une autre chose importante à ajouter Batarang à notre navigateur est la possibilité de visualiser dans la console Javascript du navigateur et lors de l'inspection des éléments, les propriétés du AngularJS, avec lequel nous pouvons étudier notre application plus en détail avec des informations pertinentes :

Avec cela, nous terminons ce tutoriel, comme nous le voyons Batarang est un outil assez avancé qui nous permet d'obtenir des informations détaillées sur notre demande faite avec AngularJS et qu'en apprenant à l'utiliser, nous pouvons améliorer les performances de ces applications.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif