Ladění aplikací v AngularJS

Proces ladění v každé aplikaci je velmi důležitá, hlavní charakteristika Javascript je, že běží na klientovi, a proto se tento proces provádí přímo v prohlížeči, což někdy generuje trochu obtěžování u zkušenějších vývojářů, ale je to jen další detail, který musíme vzít v úvahu.
V minulosti ladění Javascript bylo to hrozné, protože neexistovaly žádné podobné nástroje Firebug které máme každý den, takže se vyvíjíme Javascript Bylo to mučení, v dnešní době nám různé konzoly prohlížeče lépe ukazují cestu, po které naše aplikace kráčí.
Podívejme se níže na některé věci, které musíme mít na paměti, když chceme ladit náš kód Javascript, pamatujte, že toto je jazyk, ve kterém je AngularJS jsou tedy přímo příbuzní:

• Je nutné pracovat s nekomprimovanými verzemi nebo minifikované ze souborů JS, protože tímto způsobem budeme mít přístup ke správnému řádku kódu, ve kterém k chybě dojde, navíc budeme mít správné názvy proměnných, kde nám některé nástroje mohou poskytnout podrobnější informace o chybě.

• Pro pohodlí je nejlepší uchovávat kód JS v samostatných souborech z archivu. HTML který je spouští, čímž je náš kód lépe ovladatelný.

• Použití Bod zlomu a nástroj Pozastavit u všech výjimek Pomáhají nám zastavit aplikaci, když dojde k chybě, díky čemuž budeme schopni problém izolovat rychleji, a tak najít příslušné řešení.

Jak jsme zmínili na začátku, v minulosti neexistovaly žádné nástroje, které by nám umožnily vyhodnotit náš kód Javascript Vhodným způsobem máme u moderních prohlížečů téměř vždy k dispozici konzoli, kde vidíme chování souboru Javascript, například v Google Chrome máme nástroje pro vývojáře, které můžeme získat stisknutím klávesy F12.

ZVĚTŠIT

Chcete -li však vidět průběh naší aplikace v AngularJS máme ještě výkonnější nástroj s názvem Batarang, který nám po instalaci umožňuje vidět aktuální stav naší aplikace, mimo jiné zkontrolovat předávání hovorů mezi řadiči a modely.
Integrace ChromeTento nástroj se připojuje přímo k Google Chrome k nástrojům pro vývojáře a přidá novou kartu, pomocí které můžeme začít získávat potřebné informace, jako je výkon naší aplikace, chyby, cesta následovaná proměnnými v rámci našeho procesu atd.
K tomu všemu navíc Firebug Je to také důležitý nástroj, protože nám umožňuje získávat informace z tzv Ajax a různé proměnné nebo parametry, které jsou během nich předávány.
Tím tento tutoriál dokončujeme, objevili jsme několik nástrojů, které máme k dispozici pro vývoj našich aplikací v AngularJS a mít kontrolu nad tím, jak zobrazit informace, když se v nich vyskytnou chyby.