Instrumentul AngularJS Batarang

Unul dintre cele mai importante procese atunci când construiești aplicații este să poți descoperiți și corectați erorile care îl împiedică să funcționeze corect, pentru aceasta avem diferite tehnici și instrumente.
Caracteristica Javascript să rulăm pe client ne face să facem tot procesul în browserele noastre, totuși în cazul AngularJS sunt lucruri mai complexe decât simple Javascript, de aceea trebuie să folosim instrumente specifice care ne pot oferi cele mai pertinente detalii ale aplicației noastre.
Este o extensie pe care o putem instala Google Chrome și care se integrează direct cu instrumentele de dezvoltare ale browserului, integrarea are loc atunci când este generată o filă în panoul care are pictograma și numele AngularJS.
Acest instrument ne permite să știm în orice moment în ce stare se află aplicația noastră AngularJS, precum și cunoașterea starea modelelor, a variabilei scop și a cursului diferitelor variabile că ne-am putea angaja pentru a ne îndeplini obiectivele.
UnealtaOdată ce accesăm fila sau secțiunea AngularJS în instrumentele pentru dezvoltatori Google Chrome când instalăm Batarang, instrumentul va fi afișat cu mai multe file în care fiecare dintre ele ne va oferi diferite tipuri de informații relevante pentru aplicație AngularJS care rulează în prezent în browser.
Să vedem cele mai importante file pentru noi chiar acum:
Această filă ne permite să vedem cum variabilele scop acestea sunt imbricate și cum se comportă în aplicația noastră, în plus, așa cum indică și numele lor, putem vedea, de asemenea, modul în care modelele din aplicația noastră funcționează împreună cu variabilele scop, cel mai bun dintre toate, putem face modificări și putem vedea rezultatul în timp real:

Această filă are particularitatea că ne cere să fim activi deoarece injectează propriul cod în aplicațiile noastre, dar odată ce acest lucru va fi făcut, vom putea avea o vizualizare specială asupra variabilelor scop și modelele care ne permit să vedem performanța a ceea ce am codificat, oferindu-ne astfel posibilitatea de a detecta oportunități de îmbunătățire și de a face o aplicație mai rapidă, cel mai important lucru este că ne oferă date în timp real în timp ce ne folosim aplicația, astfel încât să putem vedea dacă soluțiile noastre se scalează corect cu o mică utilizare:

Un alt lucru important de adăugat Batarang pentru browserul nostru este posibilitatea de a vizualiza în consolă Javascript a browserului și la inspectarea elementelor, proprietăți ale AngularJS, cu care putem investiga aplicația noastră mai detaliat cu informații relevante:

Cu aceasta terminăm acest tutorial, după cum vedem Batarang este un instrument destul de avansat care ne permite să obținem informații detaliate despre aplicația noastră realizată cu AngularJS și că, învățând cum să-l folosim, putem îmbunătăți performanța acestor aplicații.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv