Ferramenta AngularJS Batarang

Um dos processos mais importantes ao construir aplicativos é ser capaz de descobrir e corrigir erros que o impedem de funcionar corretamente, para isso contamos com diferentes técnicas e ferramentas.
A característica de Javascript para rodar no cliente nos obriga a fazer todo o processo em nossos navegadores, porém no caso de AngularJS existem coisas mais complexas do que simples Javascript, por isso devemos utilizar ferramentas específicas que nos possam dar os detalhes mais pertinentes à nossa aplicação.
É uma extensão que podemos instalar em Google Chrome e que se integra diretamente com as ferramentas de desenvolvedor do navegador, a integração ocorre quando uma guia é gerada no painel que possui o ícone e o nome do AngularJS.
Esta ferramenta permite-nos saber a todo o momento em que estado se realiza a nossa aplicação em AngularJS, bem como conhecer o estado dos modelos, da variável de escopo e do curso das diferentes variáveis que possamos estar empregando para cumprir nossos objetivos.
FerramentaAssim que acessarmos a guia ou seção AngularJS em ferramentas de desenvolvedor Google Chrome quando instalamos Batarang, a ferramenta será exibida com várias outras guias, onde cada uma delas nos fornecerá diferentes tipos de informações pertinentes ao aplicativo AngularJS que está sendo executado no navegador.
Vamos ver as guias mais importantes para nós agora:
Esta guia nos permite ver como as variáveis escopo eles estão aninhados e como se comportam em nosso aplicativo, além disso, como seu nome indica, também podemos ver como os modelos em nosso aplicativo estão trabalhando em conjunto com as variáveis escopo, o melhor de tudo é que podemos fazer alterações e ver o resultado em tempo real:

Esta aba tem a particularidade de nos pedir para ser ativada já que injeta seu próprio código em nossas aplicações, mas uma vez feito isso poderemos ter uma visão especial das variáveis escopo e os modelos que nos permitem ver o desempenho do que codificamos, dando-nos assim a oportunidade de detectar oportunidades de melhoria e tornar uma aplicação mais rápida, o mais importante é que nos fornece dados em tempo real enquanto utilizamos a nossa aplicação, para que possamos ver se nossas soluções são dimensionadas corretamente com um pouco de uso:

Outra coisa importante a acrescentar Batarang para o nosso navegador é a capacidade de visualizar no console Javascript do navegador e ao inspecionar elementos, propriedades do AngularJS, com o qual podemos investigar nosso aplicativo em mais detalhes com informações relevantes:

Com isso terminamos este tutorial, como vemos Batarang é uma ferramenta bastante avançada que nos permite obter informações detalhadas sobre nosso aplicativo feito com AngularJS e que, aprendendo como usá-lo, podemos melhorar o desempenho desses aplicativos.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo