Depanarea aplicațiilor în AngularJS

Procesul de depanare în orice aplicație este foarte important, principala caracteristică a Javascript este că rulează pe client, de aceea acest proces se desfășoară direct în browser, uneori acest lucru generează un pic de enervare în mai mulți dezvoltatori experți, totuși este doar un detaliu de care trebuie să ținem cont.
În trecut depanare Javascript a fost groaznic, deoarece nu existau instrumente de genul Firebug pe care le avem în ziua noastră, așa că ne dezvoltăm în Javascript A fost tortură, în zilele noastre diferitele console de browser ne arată mai bine calea pe care o urmează aplicația noastră.
Să vedem mai jos câteva lucruri pe care trebuie să le avem în vedere atunci când dorim să ne depanăm codul Javascript, amintiți-vă că acesta este limba în care se află AngularJS deci sunt direct legate:

• Este imperativ să lucrați cu versiunile necomprimate sau minificat din dosare JS, întrucât în ​​acest fel vom avea acces la linia corectă de cod în care apare eroarea, în plus vom avea numele corecte ale variabilelor în care unele instrumente ne pot oferi informații mai detaliate despre eroare.

• Pentru comoditate, cel mai bine este să păstrați codul JS în fișiere separate de arhivă. HTML care le execută, făcând codul nostru mai ușor de gestionat.

• Utilizarea Puncte de întrerupere și instrument Pauză pentru toate excepțiile Acestea ne ajută să oprim aplicația atunci când apare o eroare, cu aceasta vom putea izola problema mai rapid și astfel vom găsi soluția relevantă.

După cum am menționat la început, în trecut nu existau instrumente care să ne permită să ne evaluăm codul Javascript Într-un mod adecvat, cu browserele moderne avem aproape întotdeauna o consolă disponibilă unde putem vedea comportamentul Javascript, de exemplu în Google Chrome avem instrumentele pentru dezvoltatori pe care le putem obține apăsând tasta F12.

MARI

Cu toate acestea, pentru a vedea cursul cererii noastre realizat în AngularJS avem un instrument și mai puternic numit Batarang, care, atunci când este instalat, ne permite să vedem starea curentă a aplicației noastre, să examinăm apelurile trecute între controlere și modele, printre alte funcționalități.
Integrare ChromeAcest instrument se atașează direct la Google Chrome instrumentelor pentru dezvoltatori și adaugă o filă nouă cu care putem începe să obținem informațiile de care avem nevoie, cum ar fi performanța aplicației noastre, erori, calea urmată de variabilele din procesul nostru etc.
Pe lângă toate acestea Firebug Este, de asemenea, un instrument important, deoarece ne permite să obținem informații de la așa-numitele Ajax și diferitele variabile sau parametri care sunt trecuți în timpul acestora.
Cu aceasta terminăm acest tutorial, am descoperit mai multe instrumente care sunt disponibile pentru a ne dezvolta aplicațiile AngularJS și deține controlul asupra modului de vizualizare a informațiilor atunci când apar erori în acestea.