# Angular state inspector

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

Canonical page: [https://chrome-stats.com/d/angular\_state\_inspector](https://chrome-stats.com/d/angular_state_inspector)

## Overview

- **ID:** `angular_state_inspector`
- **Platform:** Firefox
- **Type:** Firefox add-on
- **Status:** Available
- **Publisher:** Anton Lunev
- **Category:** web-development
- **Daily users:** 170
- **Weekly downloads:** 1
- **Rating:** 5.00 / 5 (2 ratings)
- **Version:** 1.4.6
- **Last updated:** 2021-08-23
- **First published:** 2019-12-29
- **Size:** 41 KB
- **Data as of:** 2026-09-06
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/angular_state_inspector/)
- **Website:** [https://github.com/anton-lunev/angular-state-inspector](https://github.com/anton-lunev/angular-state-inspector)

## Description

**Angular State Inspector** is a powerful Chrome extension designed to aid developers in debugging Angular applications across all versions, including AngularJS, Angular 2+, Angular Ivy, and hybrid apps combining AngularJS and Angular. It seamlessly integrates with the Firefox Developer Tools by adding a new "State" panel within the Elements tab that displays the state of the selected Angular component or directive.

This tool provides detailed insights by showing component state, directives, contextual data like `ngForOf` or `ngIf` values, and event listeners relevant to the selected element. It also empowers developers to modify component state dynamically by double-clicking values in the State panel or using the console ($state variable). Changes can be applied easily with the `$apply()` command, facilitating efficient debugging and state management in Angular development workflows.

## Rankings

- #8,991 — Overall
- #6 — state
- #24 — component
- #105 — insert
- #110 — stats
- #124 — inject

## Safety

- **Risk impact:** Low risk impact
- **Risk likelihood:** Low risk likelihood

### Analysis details

- Access to developer tools, typically low risk unless it's used to inspect or manipulate data improperly.
- This extension has low user count. Unpopular extensions may not be stable or safe.

> Some risk analysis details are omitted from this free response. [Upgrade to view the full analysis](https://chrome-stats.com/pricing).

## Similar extensions and apps

- [Angular state inspector](https://chrome-stats.com/d/angular-state-inspector) — 448 users, 3.42 / 5
- [DevTools Companion for Angular](https://chrome-stats.com/d/devtools-companion-for-angular) — 2 users
- [ng-inspect](https://chrome-stats.com/d/ng-inspect) — 128 users, 3.20 / 5
- [Angular Version Detector](https://chrome-stats.com/d/angular-version-detector) — 1 users
- [UI5 Inspector AZ](https://chrome-stats.com/d/ui5-inspector-az) — 6 users
- [NGjs Explorer](https://chrome-stats.com/d/ngjs-explorer) — 10 users
- [UI5 Inspector](https://chrome-stats.com/d/ui5-inspector) — 112 users
- [Ember Inspector](https://chrome-stats.com/d/ember-inspector) — 880 users, 4.94 / 5
- [Yuzu Inspector](https://chrome-stats.com/d/yuzu-inspector)
- [Marionette Inspector](https://chrome-stats.com/d/marionette-inspector) — 5 users, 5.00 / 5
- [Augury](https://chrome-stats.com/d/angular-augury) — 1,113 users, 3.67 / 5
- [Angular DevTools](https://chrome-stats.com/d/angular-devtools) — 9,540 users, 3.35 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/angular_state_inspector)
