Com depurar aplicacions angulars amb Chrome DevTools

Bloc

Com depurar aplicacions angulars amb Chrome DevTools

Les eines i les tàctiques que fan els desenvolupadors angulars per depurar les seves aplicacions en producció, amb un enfocament a Chrome DevTools.



Anem a tractar algunes de les tàctiques i els desenvolupadors de DevTools Angular que fan servir per depurar les seves aplicacions, no només en el seu entorn de desenvolupament molt previsible, sinó també en la producció quan el seu codi cobra vida i les coses poden anar de costat. A més, quina millor manera d’entendre profundament un llenguatge o marc si no és mirant el seu funcionament intern.

(La majoria dels aprenentatges aquí són aplicables a totes les aplicacions de frontend)



Eines de depuració angular

Una de les extensions més populars, per depurar i perfilar aplicacions Angular, és definitivament Augury, disponible a tots dos Firefox i Chrome .

Augury ofereix una representació visual dels components angulars juntament amb les seves dependències i detalls del router. És fàcil:



  • Inspeccioneu el codi font d’un component i inserir punts d’interrupció.
  • Manipular propietats d’un component, visualitzeu-ne la jerarquia i vegeu-ne les dependències.
  • Navega el sistema d’encaminament, fer un seguiment dels components amb càrrega mandrosa i veure els fluxos de navegació.
  • Llista tots els mòduls que utilitza l'aplicació i comproveu els seus proveïdors i exportacions.

Com depurar amb Chrome DevTools

Angular Augury és sens dubte un gran avantatge, però la millor eina de depuració ja inclou el vostre navegador. El bon vell inspector augmentarà la vostra productivitat a l’hora de depurar JavaScript, ajustar DOM i CSS, inspeccionar l’activitat de la xarxa, analitzar el rendiment, rastrejar les fuites de memòria i molt més.

#angular #javascript # desenvolupament web

blog.asayer.io

Com depurar aplicacions angulars amb Chrome DevTools

Obteniu informació sobre com depurar les aplicacions angulars amb Chrome DevTools. Les eines i les tàctiques que fan els desenvolupadors angulars per depurar les seves aplicacions en producció, amb un enfocament a Chrome DevTools.