Inhoudsopgave
Het proces van debuggen in elke toepassing is erg belangrijk, het belangrijkste kenmerk van: Javascript is dat het op de client draait, daarom wordt dit proces direct in de browser uitgevoerd, dit veroorzaakt soms wat ergernis bij meer deskundige ontwikkelaars, maar het is nog een detail waar we rekening mee moeten houden.In het verleden debuggen Javascript het was verschrikkelijk omdat er geen tools waren zoals Vuurwants die we in ons dagelijks leven hebben, dus we ontwikkelen ons in Javascript Het was een marteling, tegenwoordig tonen de verschillende browserconsoles ons beter het pad dat onze applicatie volgt.
Laten we hieronder enkele dingen bekijken die we in gedachten moeten houden wanneer we onze code willen debuggen Javascript, onthoud dat dit de taal is waarin het is AngularJS dus ze zijn direct gerelateerd:
- Het is absoluut noodzakelijk om te werken met de niet-gecomprimeerde versies of verkleind uit de bestanden JS, aangezien we op deze manier toegang hebben tot de juiste regel code waarin de fout optreedt, bovendien zullen we de juiste namen van de variabelen hebben waar sommige tools ons meer gedetailleerde informatie over de fout kunnen geven.
- Voor het gemak kunt u de JS-code het beste in aparte bestanden uit het archief bewaren. HTML die ze uitvoert, waardoor onze code beter beheersbaar wordt.
- Het gebruik van Breekpunten en gereedschap Pauzeren op alle uitzonderingen Ze helpen ons de applicatie te stoppen wanneer er een fout optreedt, hierdoor kunnen we het probleem sneller isoleren en zo de relevante oplossing vinden.
Zoals we in het begin al zeiden, waren er in het verleden geen tools waarmee we onze code konden evalueren Javascript Op een geschikte manier hebben we met moderne browsers bijna altijd een console beschikbaar waar we het gedrag van de . kunnen zien Javascript, bijvoorbeeld in Google Chrome we hebben de ontwikkelaarstools die we kunnen krijgen door op de toets te drukken F12.
VERGROTEN
Chrome-integratieDeze tool hecht direct aan Google Chrome aan de ontwikkelaarstools en voegt een nieuw tabblad toe waarmee we kunnen beginnen met het verkrijgen van de informatie die we nodig hebben, zoals de prestaties van onze applicatie, fouten, het pad dat wordt gevolgd door de variabelen binnen ons proces, enz.
Naast dit alles Vuurwants Het is ook een belangrijk hulpmiddel, omdat het ons in staat stelt om informatie te verkrijgen van de zogenaamde Ajax en de verschillende variabelen of parameters die daarbij worden doorgegeven.
Hiermee sluiten we deze tutorial af, we hebben verschillende tools ontdekt die voor ons beschikbaar zijn om onze applicaties in te ontwikkelen AngularJS en controle hebben over hoe u de informatie kunt bekijken wanneer er fouten in voorkomen.
