Angular state inspector

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
Users: 30,000+
Rating: 4.73 (60)
Version: 1.4.6 (Last updated: 2021-08-23)
Creation date: 2020-05-17
Risk impact: Low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
Size: 37.22K
URLs: Website
Stats date:

Other platforms

Not available on Firefox
Angular state inspector
Angular state inspector (v1.4.6)
5.00 (2) 5,958+
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.
Chrome-Stats 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
See more
User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
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
by jq fang jq fang, 2023-12-07

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.
by inomjon Ismaylov inomjon Ismaylov, 2023-08-25

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.
by Martin Spierings Martin Spierings, 2023-03-21
View all user reviews
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
Angular state inspector small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to Angular state inspector: