Debugging af applikationer i AngularJS

Processen med fejlfinding i enhver applikation er meget vigtig, det vigtigste kendetegn ved Javascript er at den kører på klienten, det er derfor denne proces udføres direkte i browseren, dette genererer nogle gange en smule irritation hos flere ekspertudviklere, men det er bare en detalje mere, som vi skal tage højde for.
Tidligere fejlfinding Javascript det var forfærdeligt, da der ikke var værktøjer som Firebug som vi har i vores dag til dag, så vi udvikler os i Javascript Det var tortur, i dag viser de forskellige browserkonsoller os bedre den vej, som vores applikation følger.
Lad os se nogle ting nedenfor, som vi skal huske på, når vi vil debugge vores kode Javascript, husk at det er det sprog, det er på VinkelJS så de er direkte relateret:

• Det er bydende nødvendigt at arbejde med de ukomprimerede versioner eller formindsket fra filerne JS, da vi på denne måde har adgang til den korrekte kodelinje, hvor fejlen opstår, vil vi desuden have de korrekte navne på variablerne, hvor nogle værktøjer kan give os mere detaljerede oplysninger om fejlen.

• For nemheds skyld er det bedst at opbevare JS -koden i separate filer fra arkivet. HTML som udfører dem, hvilket gør vores kode mere håndterbar.

• Brugen af Brudpunkter og værktøj Pause på alle undtagelser De hjælper os med at stoppe applikationen, når der opstår en fejl, med dette vil vi være i stand til at isolere problemet hurtigere og dermed finde den relevante løsning.

Som vi nævnte i begyndelsen, var der tidligere ingen værktøjer, der tillod os at evaluere vores kode Javascript På en passende måde, med moderne browsere, har vi næsten altid en konsol tilgængelig, hvor vi kan se adfærden hos Javascript, for eksempel i Google Chrome vi har udviklerværktøjerne, som vi kan få ved at trykke på tasten F12.

FORSTØRRE

Men for at se forløbet af vores ansøgning foretaget i VinkelJS vi har et endnu mere kraftfuldt værktøj kaldet Batarang, som, når den er installeret, giver os mulighed for at se den aktuelle status for vores applikation, gennemgå opkaldet mellem controllere og modeller, blandt andre funktioner.
Chrome -integrationDette værktøj tilsluttes direkte til Google Chrome til udviklerværktøjerne og tilføjer en ny fane, som vi kan begynde at indhente de oplysninger, vi har brug for, f.eks. vores applikations ydeevne, fejl, stien fulgt af variablerne i vores proces osv.
Ud over alt dette Firebug Det er også et vigtigt værktøj, da det giver os mulighed for at indhente oplysninger fra den såkaldte Ajax og de forskellige variabler eller parametre, der passeres under disse.
Med dette afslutter vi denne vejledning, vi har opdaget flere værktøjer, der er tilgængelige for os til at udvikle vores applikationer i VinkelJS og have kontrol over, hvordan man ser oplysningerne, når der opstår fejl i dem.