Debug delle applicazioni in AngularJS

Il processo di debug in ogni applicazione è molto importante, la caratteristica principale di Javascript è che gira sul client, ecco perché questo processo viene eseguito direttamente nel browser, questo a volte genera un po' di fastidio negli sviluppatori più esperti, tuttavia è solo un dettaglio in più che dobbiamo tenere in considerazione.
In passato il debug Javascript è stato terribile perché non c'erano strumenti come Firebug che abbiamo nel nostro quotidiano, quindi sviluppiamo in Javascript È stata una tortura, oggigiorno le diverse console del browser ci mostrano meglio il percorso che sta seguendo la nostra applicazione.
Vediamo di seguito alcune cose che dobbiamo tenere a mente quando vogliamo eseguire il debug del nostro codice Javascript, ricorda che questa è la lingua in cui si trova AngularJS quindi sono direttamente correlati:

• È indispensabile lavorare con le versioni non compresse o minimizzato dai file JS, poiché in questo modo avremo accesso alla riga di codice corretta in cui si verifica l'errore, inoltre avremo i nomi corretti delle variabili in cui alcuni strumenti possono darci informazioni più dettagliate sull'errore.

• Per comodità, è meglio conservare il codice JS in file separati dall'archivio. HTML che li esegue, rendendo il nostro codice più gestibile.

• L'uso di punti di interruzione e strumento Pausa su tutte le eccezioni Ci aiutano a fermare l'applicazione quando si verifica un errore, con questo saremo in grado di isolare il problema più rapidamente e trovare così la soluzione pertinente.

Come abbiamo detto all'inizio, non c'erano strumenti in passato che ci permettessero di valutare il nostro codice Javascript In modo adeguato, con i browser moderni abbiamo quasi sempre a disposizione una console dove possiamo vedere il comportamento dei Javascript, per esempio in Google Chrome abbiamo gli strumenti per sviluppatori che possiamo ottenere premendo il tasto F12.

INGRANDIRE

Tuttavia per vedere il corso della nostra domanda fatta in AngularJS abbiamo uno strumento ancora più potente chiamato Batarang, che una volta installato ci consente di vedere lo stato corrente della nostra applicazione, rivedere i passaggi di chiamata tra controller e modelli, tra le altre funzionalità.
Integrazione ChromeQuesto strumento si collega direttamente a Google Chrome agli strumenti di sviluppo e aggiunge una nuova scheda con cui possiamo iniziare a ottenere le informazioni di cui abbiamo bisogno, come le prestazioni della nostra applicazione, gli errori, il percorso seguito dalle variabili all'interno del nostro processo, ecc.
Oltre a tutto questo Firebug È anche uno strumento importante, poiché ci permette di ottenere informazioni dai cosiddetti Ajax e le diverse variabili o parametri che vengono passati durante questi.
Con questo finiamo questo tutorial, abbiamo scoperto diversi strumenti a nostra disposizione per sviluppare le nostre applicazioni in AngularJS e avere il controllo su come visualizzare le informazioni quando si verificano errori in esse.