Feilsøkingsprogrammer i AngularJS

Prosessen av feilsøking i enhver applikasjon er veldig viktig, hovedtrekk ved Javascript er at den kjører på klienten, det er derfor denne prosessen utføres direkte i nettleseren, dette genererer noen ganger litt irritasjon hos flere ekspertutviklere, men det er bare en detalj som vi må ta hensyn til.
Tidligere feilsøking Javascript det var forferdelig siden det ikke var noen verktøy som Firebug som vi har i vår dag, så vi utvikler oss i Javascript Det var tortur, i dag viser de forskjellige nettleserkonsollene oss bedre veien som programmet vårt følger.
La oss se noen ting vi må huske på når vi vil feilsøke koden vår Javascript, husk at dette er språket det er på AngularJS så de er direkte relatert:

• Det er viktig å jobbe med de ukomprimerte versjonene eller minifisert fra filene JS, siden vi på denne måten vil ha tilgang til den riktige kodelinjen der feilen oppstår, i tillegg vil vi ha riktige navn på variablene der noen verktøy kan gi oss mer detaljert informasjon om feilen.

• For enkelhets skyld er det best å beholde JS -koden i separate filer fra arkivet. HTML som utfører dem, noe som gjør koden vår mer håndterbar.

• Bruken av Bruddpunkter og verktøy Pause på alle unntak De hjelper oss med å stoppe programmet når det oppstår en feil, med dette vil vi kunne isolere problemet raskere, og dermed finne den relevante løsningen.

Som vi nevnte i begynnelsen, var det ingen verktøy tidligere som ville tillate oss å evaluere koden vår Javascript På en passende måte, med moderne nettlesere, har vi nesten alltid en konsoll tilgjengelig der vi kan se oppførselen til Javascript, for eksempel i Google Chrome vi har utviklerverktøyene som vi kan få ved å trykke på tasten F12.

FORSTØRRE

Imidlertid for å se løpet av søknaden vår gjort i AngularJS vi har et enda kraftigere verktøy kalt Batarang, som, når den er installert, lar oss se gjeldende status for applikasjonen vår, se gjennom samtalen mellom kontrollere og modeller, blant annet funksjonalitet.
Chrome -integrasjonDette verktøyet festes direkte til Google Chrome til utviklerverktøyene og legger til en ny fane som vi kan begynne å skaffe informasjonen vi trenger, for eksempel ytelsen til applikasjonen vår, feil, banen etterfulgt av variablene i prosessen vår, etc.
I tillegg til alt dette Firebug Det er også et viktig verktøy, siden det lar oss få informasjon fra den såkalte Ajax og de forskjellige variablene eller parameterne som passeres i løpet av disse.
Med dette fullfører vi denne opplæringen, vi har oppdaget flere verktøy som er tilgjengelige for oss å utvikle applikasjonene våre i AngularJS og ha kontroll over hvordan du ser informasjonen når det oppstår feil i den.