Add shortcuts to easily debug your Angular application.
What is Angular Gauntlets?
"Angular Gauntlets" is a Chrome extension that revolutionizes Angular application debugging by giving developers access to components and providers with simple shortcuts. It features options to display a DOM element context, trigger change detection, and preview all its details in the Angular tab of your DevTools elements panel. It works seamlessly with the Chrome DevTools elements panel enabling efficient debugging, making it the go-to tool for an Angular developer.
Extension stats
By: yannickglt
Users: 2,000+
Rating: 5.00
(5)
Creation date: 2020-05-24
Risk impact: Low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Size: 9.78K
Email: ya*****@hotmail.fr
Ranking
# 20694
Other platforms
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
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.
User reviews
Very nice!
Very handy when you want to avoid typing in ng.probe for everything.
Extension safety
Risk impact
Angular Gauntlets requires very minimum permissions.
Risk likelihood
Angular Gauntlets has earned a fairly good reputation and likely can be trusted.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Angular Gauntlets:
Angular DevTools Angular state inspector Angular 2+ Google Chrome extension AngularJS Console Angular Inspector ng-inspect for Angular(1.x/4+/Ivy) Angular Component Overview Angular BatScanner Angular Chrome AngularContext ng-inspect for AngularJS Angular watchers
Angular
3.88
300,000+
Anton Lunev
4.70
30,000+
https://angularchromeextension.juandavidhermoso.es
N/A
42
https://console.ng-app.com
4.33
2,000+
Digital Fluency Inc
4.38
3,000+
Vinay Kaparthi
4.94
3,000+
angular.outliner
5.00
937
douglasduteil
3.33
901
https://hackology.co.uk
4.22
1,000+
Unknown
N/A
773
Vinay Kaparthi
4.39
10,000+
tiagojsalmeida
4.22
7,000+