Angular Gauntlets

Add shortcuts to easily debug your Angular application.

Qu'est-ce que Angular Gauntlets ?

Angular Gauntlets est une extension Chrome développée par yannickglt, et sa fonction principale est "Add shortcuts to easily debug your Angular application.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Angular Gauntlets

Téléchargez les fichiers d'extension Angular Gauntlets au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Angular Gauntlets Angular Gauntlets
ID cpinnkgbfohodioinipjdhehnihbgeph
URL Officiel https://chromewebstore.google.com/detail/angular-gauntlets/cpinnkgbfohodioinipjdhehnihbgeph
Description Add shortcuts to easily debug your Angular application.
Taille du Fichier 9.55 KB
Nombre d'Installations 2,207
Version Actuelle 1.2.3
Dernière Mise à Jour 2021-05-06
Date de Publication 2020-05-24
Évaluation 5.00/5 Total 4 Évaluations
Développeur yannickglt
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/yannickglt/angular-gauntlets
URL de la Page d'Aide https://github.com/yannickglt/angular-gauntlets/issues
Langues Prises en Charge 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"
    }
}