Angular Gauntlets

Add shortcuts to easily debug your Angular application.

¿Qué es Angular Gauntlets?

Angular Gauntlets es una extensión de Chrome desarrollada por yannickglt, y su función principal es "Add shortcuts to easily debug your Angular application.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Angular Gauntlets

Descarga archivos de extensión Angular Gauntlets en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        Angular Gauntlets helps you getting your hands dirty. It makes the components and providers of your Angular application accessible on click on an element in the Chrome DevTools elements panel. 

How to?
Just click on a DOM element in the DevTools elements panel, type one of the following keywords in the console and here we go! 

  - $component: click on a DOM element referring to an Angular component to access its instance and playing with it.
  - $context: display a DOM element context, can be its parent Angular component, a ngFor row, etc.
  - $scope: equals $component onto Angular components or $context onto child elements. The best alternative of AngularJS Batarang for Angular.
  - $providers: get the list of the all the providers instantiated in your Angular app and play with them (not supported by Angular 9).
  - $detectChanges(): triggers Angular change detection to get your changes apply.
  - log$(obs): log the first value of the given observable.
 
Little extra: you can get a preview of all these info in the Angular tab of your DevTools elements panel. Switching between elements will refresh the data immediately.                    

Información Básica de la Extensión

Nombre Angular Gauntlets Angular Gauntlets
ID cpinnkgbfohodioinipjdhehnihbgeph
URL Oficial https://chromewebstore.google.com/detail/angular-gauntlets/cpinnkgbfohodioinipjdhehnihbgeph
Descripción Add shortcuts to easily debug your Angular application.
Tamaño del Archivo 9.55 KB
Cantidad de Instalaciones 2,207
Versión Actual 1.2.3
Última Actualización 2021-05-06
Fecha de Publicación 2020-05-24
Calificación 5.00/5 Total de 4 Calificaciones
Desarrollador yannickglt
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/yannickglt/angular-gauntlets
URL de la Página de Ayuda https://github.com/yannickglt/angular-gauntlets/issues
Idiomas Soportados en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Angular Gauntlets",
    "version": "1.2.3",
    "description": "Add shortcuts to easily debug your Angular application.",
    "devtools_page": "devtoolsBackground.html",
    "manifest_version": 2,
    "icons": {
        "16": "icons\/angular-gauntlets-16.png",
        "48": "icons\/angular-gauntlets-48.png",
        "128": "icons\/angular-gauntlets-128.png"
    }
}