Angular Devtools
Contenido del curso
Angular Devtools
Contenido del curso
Johann Raul Ortiz Paez
Andrés Giovanni Lara Collazos
Luis Abdel Rangel Castro
Erasmo Hernández
Profesor
Jimmy Buriticá Londoño
Diego Jurado
Kevin Alexander Lima Recinos
Marco Antonio Alducin Garcia
German Pinilla
Erick Saravia
Luzan Muga
Nelson Arturo Cortes Briceño
Nelson Arturo Cortes Briceño
José David Montenegro Tafur
ANDRES ALFONSO MIRA MEJIA
Jovanny Ruiz
Zaidibeth Ramos
Raul Alberto Jaimes
Francisco Reyes
Duvan Duque
Jhon Pacheco
Marco Antonio Alducin Garcia
Henry Silva
Guillermo Castaño Vèlez
Juan David Varón
Ismar Ernesto Alejandro Morales
Encontre esta para Firefox, funciona muy bien. https://addons.mozilla.org/en-GB/firefox/addon/angular-devtools/
Eres de los míos :)
Que bonito es lo bonito!!! Angular DevTools
Apenas se instala hay que recargar la página o abrir en otra pestaña el link (incluso este mismo proyecto del curso) para que se active el tab de Angular en el devTools.
Está buenísima, no la conocía.
Muy buena herramienta Angular DevTools para verificar el funcionamiento de nuestra App.
Y se ilumina si entiendo que el sito esta desarrollado en angular?
Woow!! Ahora veo que Platzi está construido con React 😳, que excelente herramienta, está magnífico 🙌🏻
Esta herramienta apenas la estoy conociendo, estoy aprendiendo a usarla, para poder armar un proyecto de un juego de Basta, esta en proceso, pero aca esta el uso de Angular Devtools.
++Angular Devtools++
Las Angular DevTool es una extensión para navegadores basados en Chromium como Google Chrome, Edge o Brave util para perfilar y depurar aplicaciones desarrollados con Angular. Esta extensión soporta versiones de Angular 9 y superiores.
Angular DevTools es una evolución de una extensión anterior desarrollada por la comunidad llamada Augury. El equipo de Angular de Google con trabajo de los que desarrollaron Augury para generar esta nueva herramienta.
Existe un equivalente para Edge?
Actualmente Microsoft Edge usa Chromium como motor del navegador, por lo que las extensiones de Chrome deberían poder usar sin problemas
me aparece Angular application not detected. y la app esta corriendo y estoy en la misma pestaña. Alguien sabe porque podria ser?
era borrar cache y actualizar
Solo basta con cerrar la aplicación en el navegador anterior, borrar cache y actualizar ya con la extensión añadida.
✅
Me tome el reto de subirla a mi repo :
Angular DevTools funciona solo a partir de Angular12.
Sirve para Chrome and edge: https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh excelente herramienta
muy útil todo
Excelente herramienta!!
Para los que les presenta problemaso me paso a mi
"configurations": { "production": { ... },
agregar
, "development": { "optimization": false, "sourceMap": true, "namedChunks": true, "extractLicenses": true, "vendorChunk": true, "buildOptimizer": false, "budgets": [ { "type": "initial", "maximumWarning": "2mb", "maximumError": "6mb" }, { "type": "anyComponentStyle", "maximumWarning": "6kb", "maximumError": "10kb" } ] }
"serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "Webu-web:build" }, "configurations": { "production": { "browserTarget": "Webu-web:build:production" }, "development": { "browserTarget": "nombreProyecto:build:development" } } }
¡Que gran aporte Nico!, me encanta conocer mas sobre estos datos y una parte excepcional del desarrollo de los sistemas desarrollados en Angular.
Excelente curso profesor Molina. Muchas Gracias!
Feo comparar... pero punto para Vue.js .. sus devtools pueden que hagan lo mismo, pero son mucho mejor diseñadas y developer friendly
Pienso lo mismo pero con React. Tiene mejor diseño que las devtools de Angular.
