Angular state inspector

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.
Install from Chrome Web Store

Extension stats

Users: 30,000+
Rating: 4.70
(64)
Version: 1.4.6 (Last updated: 2021-08-23)
Creation date: 2020-05-17
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Size: 37.22K

Other platforms

Not available on Android
Angular state inspector (v1.4.6)
4.67 (3) 291
Angular state inspector (v1.4.6)
5.00 (1) 5,444+
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
See more

User reviews

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
  • 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
by Yurii Shchehliuk, 2024-10-26

Doesn't seem to refresh values unless you select the component again. Otherwise nice.
by Eetu Hannula, 2024-06-25

Working. May 17th, Chrome 125
by Christian Townsdin, 2024-05-17
View all user reviews

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

Angular state inspector small promo image
Small promo image

Similar extensions

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