Strumento AngularJS Batarang

Uno dei processi più importanti durante la creazione di applicazioni è essere in grado di scoprire e correggere gli errori che ne impediscono il corretto funzionamento, per questo abbiamo diverse tecniche e strumenti.
La caratteristica di Javascript per essere eseguito sul client, dobbiamo eseguire l'intero processo nei nostri browser, tuttavia nel caso di AngularJS ci sono cose più complesse che semplici Javascript, ecco perché dobbiamo utilizzare strumenti specifici che possono darci i dettagli più pertinenti alla nostra applicazione.
È un'estensione che possiamo installare in Google Chrome e che si integra direttamente con gli strumenti di sviluppo del browser, l'integrazione avviene quando viene generata una scheda nel pannello che ha l'icona e il nome di AngularJS.
Questo strumento ci permette di sapere in ogni momento in quale stato è presentata la nostra domanda AngularJS, oltre a conoscere il stato dei modelli, della variabile di ambito e dell'andamento delle diverse variabili che potremmo impiegare per realizzare i nostri obiettivi.
Lo strumentoUna volta che accediamo alla scheda o alla sezione AngularJS negli strumenti per sviluppatori Google Chrome quando installiamo Batarang, lo strumento verrà visualizzato con diverse altre schede in cui ognuna di esse ci fornirà diversi tipi di informazioni pertinenti all'applicazione AngularJS attualmente in esecuzione nel browser.
Vediamo le schede più importanti per noi in questo momento:
Questa scheda ci permette di vedere come le variabili scopo sono annidati e come si comportano nella nostra applicazione, inoltre, come indica il loro nome, possiamo anche vedere come i modelli all'interno della nostra applicazione lavorano insieme alle variabili scopo, soprattutto, possiamo apportare modifiche e vedere il risultato in tempo reale:

Questa scheda ha la particolarità che ci chiede di essere attivata poiché inietta il proprio codice nelle nostre applicazioni, ma una volta fatto ciò potremo avere una vista speciale sulle variabili scopo e i modelli che ci consentono di vedere le prestazioni di ciò che abbiamo codificato, dandoci così l'opportunità di rilevare opportunità di miglioramento e rendere un'applicazione più veloce, la cosa più importante è che ci fornisca dati in tempo reale mentre utilizziamo la nostra applicazione, in modo che possiamo vedere se le nostre soluzioni scalano correttamente con un piccolo utilizzo:

Un'altra cosa importante da aggiungere Batarang al nostro browser è la possibilità di visualizzare nella console Javascript del browser e durante l'ispezione di elementi, proprietà del AngularJS, con cui possiamo esaminare la nostra applicazione in modo più dettagliato con informazioni pertinenti:

Con questo finiamo questo tutorial, come vediamo Batarang è uno strumento abbastanza avanzato che ci permette di ottenere informazioni dettagliate sulla nostra applicazione realizzata con AngularJS e che imparando ad usarlo possiamo migliorare le prestazioni di queste applicazioni.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo