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.
Download

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: Low risk likelihood
Manifest version: 3
Size: 37.22K

Ranking

# 5264 ▼ 23
Other rankings
Upgrade to see more rankings

Other platforms

Angular state inspector (v1.4.6)
4.67 (3) 282
Angular state inspector (v1.4.6)
5.00 (1) 5,449+
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

Analyze keywords

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
Recent 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:

Angular DevTools
Angular DevTools
Angular
3.88
300,000+
AngularContext
AngularContext
Unknown
N/A
766
ng-inspect for Angular(1.x/4+/Ivy)
ng-inspect for Angular(1.x/4+/Ivy)
Vinay Kaparthi
4.94
3,000+
RxJs watcher
RxJs watcher
richard.ripcsu
3.00
1,000+
Angular watchers
Angular watchers
tiagojsalmeida
4.22
7,000+
Angular Component Overview
Angular Component Overview
angular.outliner
5.00
958
Redux DevTools
Redux DevTools
Redux DevTools
4.64
1,000,000+
RxJS Devtools
RxJS Devtools
Unknown
N/A
2,000+
Angular Gauntlets
Angular Gauntlets
yannickglt
5.00
2,000+
Angular BatScanner
Angular BatScanner
douglasduteil
3.33
891
Vue.js devtools
Vue.js devtools
https://vuejs.org
4.17
2,000,000+
AngularJS Inspect Watchers
AngularJS Inspect Watchers
https://ryanoglesby08.github.io
3.10
4,000+