Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Angular State Inspector - Your Definitive Angular Debugging Tool
'Angular State Inspector' is a Chrome extension that revolutionizes debugging of Angular web applications. This powerful tool supports various Angular versions, including AngularJS, Angular 2+, Angular Ivy, and hybrid apps. It enhances the functionality of Chrome Developer Tools by adding a 'State' panel to the 'Elements' tab, displaying the selected element's state. You can modify values, print states in the console, view directives, contexts, and event listeners, making it an essential aid for every Angular developer.
Extension stats
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Size: 37.22K
Email: an*****@gmail.com
Ranking
# 5,192
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 State Inspector for Angular
Supports all versions of Angular:
- AngularJs
- Angular 2+
- Angular Ivy
- Hybrid apps (AngularJs + Angular)
Extends the Chrome Developer Tools for Angular web apps. Adds new panel "State" to Elements tab, that displays the state of selected element. Prints state of selected element in console by calling "$state" variable.
Depending on angular version it can show:
- Component state
- Directives
User reviews
Pros
- Very powerful tool for Angular developers
- Helps debug and identify root causes easily
- Fast and does not slow down anything
- Eliminates the need for many debugging breakpoints and console.log statements
- More reliable and efficient than Augury
Cons
- Does not refresh values unless the component is re-selected
- Some users report it doesn't work on certain Chrome versions
- Experiences issues after Chrome updates, showing empty state
- Could use improvements like disabling console messages
Most mentioned
- Stopped working after Chrome update
- Very useful for debugging in Angular
- Users praise its functionality compared to Augury
User reviews
Doesn't seem to refresh values unless you select the component again. Otherwise nice.
Working. May 17th, Chrome 125
Extension safety
Risk impact
Angular state inspector requires very minimum permissions.
Risk likelihood
Angular state inspector 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 state inspector:
Angular DevTools AngularContext ng-inspect for Angular(1.x/4+/Ivy) RxJs watcher Angular watchers Angular Component Overview Redux DevTools RxJS Devtools Angular Gauntlets Angular BatScanner Vue.js devtools AngularJS Inspect Watchers
Angular
3.85
300,000+
Unknown
N/A
721
Vinay Kaparthi
4.94
3,000+
richard.ripcsu
3.00
1,000+
tiagojsalmeida
4.22
6,000+
angular.outliner
5.00
985
Redux DevTools
4.63
1,000,000+
Unknown
N/A
2,000+
yannickglt
5.00
2,000+
douglasduteil
3.33
871
https://vuejs.org
4.16
2,000,000+
https://ryanoglesby08.github.io
3.10
4,000+