Angular state inspector
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot

Overview

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

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 - Context, like ngForOf or ngIf values - Event listeners If they are applicable to the current element. Angular State Inspector also allows you to modify the values in the "State" panel (double click on value) and from console(e.g. $state.title = 'new value'). To apply changes just call $apply() in console. See all supported commands in chrome console. Version 1.4.6: - Show info message if $ctrl is not available in selected scope. - Update $state object even if it's not available. Version 1.4.5: - [ivy] Show info from ng.getComponent(). If it's null then show OwningComponent state. Version 1.4.4: - update extension logo Version 1.4.3: - Return result emoji on `$apply()` call Version 1.4.2: - Fixed props editing and change detection Version 1.4.1: - Print always up to date state in console Version 1.4: - Full support angular 9 Ivy api Version 1.3: - Added experimental support of Ivy - Added shortcuts that you can use in console

4.7 out of 560 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

jq fangDec 6, 2023

chrome 120.0.6099.71 it is not working, state is empty

3 out of 3 people found this helpful
Review's profile picture

inomjon IsmaylovAug 25, 2023

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.

Review's profile picture

Martin SpieringsMar 21, 2023

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.

Details

  • Version
    1.4.6
  • Updated
    August 23, 2021
  • Offered by
    Anton Lunev
  • Size
    36.35KiB
  • Languages
    English
  • Developer
    Email
    antonylunev@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Angular BatScanner

3.3(9)

Angular 2 BatScanner extension

Vue.js devtools

4.3(2K)

Browser DevTools extension for debugging Vue.js applications.

AngularJS Inspect Watchers

3.1(21)

Inspect the scope watchers of an Angular app

ng-inspect for AngularJS

4.4(88)

Helps you in debugging AngularJS applications. Extends the elements panel in devtools to display scope properties.

Angular DevTools

4.0(143)

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

AngularContext

0.0(0)

Angular context inspector

ng-inspect for Angular(1.x/4+/Ivy)

4.9(16)

Helps in debugging Angular(1.x/4+/Ivy) applications. Extends the elements panel in devtools to display component properties.

RxJs watcher

3.0(5)

Devtools panel to visualize rxjs observables

Angular watchers

4.2(54)

Check how many watchers are active in an angular app

Redux DevTools

4.6(691)

Redux DevTools for debugging application's state changes.

RxJS Devtools

0.0(0)

RxJS DevTools extension for debugging streams

Angular Gauntlets

5.0(4)

Add shortcuts to easily debug your Angular application.

Angular BatScanner

3.3(9)

Angular 2 BatScanner extension

Vue.js devtools

4.3(2K)

Browser DevTools extension for debugging Vue.js applications.

AngularJS Inspect Watchers

3.1(21)

Inspect the scope watchers of an Angular app

ng-inspect for AngularJS

4.4(88)

Helps you in debugging AngularJS applications. Extends the elements panel in devtools to display scope properties.

Angular DevTools

4.0(143)

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

AngularContext

0.0(0)

Angular context inspector

ng-inspect for Angular(1.x/4+/Ivy)

4.9(16)

Helps in debugging Angular(1.x/4+/Ivy) applications. Extends the elements panel in devtools to display component properties.

RxJs watcher

3.0(5)

Devtools panel to visualize rxjs observables

Google apps