Angular state inspector
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
What is Angular state inspector?
'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.
Stats
By:
Anton Lunev
Users:
30,000+
Rating:
4.73
(60)
Creation date:
2020-05-17
Risk impact:
Low risk impact
Risk likelihood:
Low risk likelihood
Manifest version:
3
Size:
37.22K
Email:
an*****@gmail.com
URLs:
Website
Stats date:
Chrome-Stats Rank
#
5073
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.
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
User reviews summary
Pros
- Extremely useful for Angular developers for debugging
- Fast and efficient
- Works well in the 'Element' tab
- Eliminates the need for many debugging breakpoints and console.log statements
- Works with ng1 and ng2 perfectly
Cons
- Not fully compatible with all versions of Chrome
- Suddenly stops working for some users
- Does not show all state changes in real time
- Only works for Angular app running in development mode
- Console message output cannot be disabled
Most mentioned
- Very useful for Angular developers
- Troubles with certain versions of Chrome
- State inspector is superior to Augury
- Quick and efficient
- Does not display full real-time state changes
Recent reviews
chrome 120.0.6099.71
it is not working, state is empty
As an Angular developer this one is one of the most used and usefull tools for me. I use it almost every working day. Simple yet, VERY POWERFUL extension.
Nice extension though I would like to disable the console message about state and would rather have it in the state panel as a hint somewhere.
Safety
Risk impact
Angular state inspector is relatively safe to use as it 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
Screenshots
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
Redux DevTools
RxJS Devtools
Angular Gauntlets
Angular BatScanner
Vue.js devtools
AngularJS Inspect Watchers
ng-inspect for AngularJS
Angular
3.99
300,000+
Unknown
N/A
912
Vinay Kaparthi
4.94
3,000+
richard.ripcsu
3.00
2,000+
tiagojsalmeida
4.22
7,000+
Redux DevTools
4.64
1,000,000+
Unknown
N/A
2,000+
yannickglt
5.00
2,000+
douglasduteil
3.33
989
https://vuejs.org
4.32
2,000,000+
https://ryanoglesby08.github.io
3.10
4,000+
Vinay Kaparthi
4.40
10,000+