# Angular state inspector

> Inspect State of the Angular components easily

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:** Ihor Klymenok
- **Category:** web-development,other
- **Daily users:** 425
- **Weekly downloads:** 1
- **Rating:** 3.42 / 5 (12 ratings)
- **Version:** 1.5.0
- **Last updated:** 2021-06-12
- **First published:** 2018-05-22
- **Size:** 15 KB
- **Data as of:** 2026-09-11
- **Store listing:** [Firefox Add-ons Store](https://addons.mozilla.org/firefox/addon/angular-state-inspector/)

## Description

The Angular State Inspector is a Chrome extension designed to simplify inspecting the internal state of your Angular components during development. Once installed, it adds a dedicated «State» panel inside the inspector view of Chrome devtools, allowing you to view component internals as a straightforward, easy-to-navigate object.

This extension works exclusively in Angular's development mode. To use it effectively, run your Angular app with the development server (`ng serve`), open Chrome's developer tools on your app's page, and navigate to the new «State» panel located within the inspector view. This tool helps Angular developers quickly debug and understand component state without complex setups or additional tooling.

## Rankings

- #5,519 — Overall
- #4 — state
- #13 — component
- #75 — insert
- #86 — stats
- #97 — 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).

## Review summary

Angular state inspector for Firefox enables state inspection for Angular projects and serves as a crucial debugging tool after Augury's failure in Firefox. Users appreciate its functionality and utility, especially for transitioning from Chrome. However, it suffers from usability issues, including poor documentation, interface instability with custom components, and inconvenient tab placement in the inspector. Additionally, some users report that it does not run properly in Firefox at times.

### Pros

- Allows inspection of Angular state within Firefox's Inspector tool for locally running Angular projects.
- Provides a necessary alternative for Angular debugging in Firefox, especially after the Augury tool broke.
- Useful enough to assist users in switching from Chrome to Firefox due to its functionality.

### Cons

- The extension is not very user-friendly or intuitive; users find it difficult to understand how to use it due to lack of documentation or guides.
- Sometimes the application's interface breaks, especially for custom Angular components.
- The 'State' tab is located inconveniently at the end of the inspector panel, making it cumbersome to access, partly due to Firefox limitations.
- In some cases, the add-on does not run or work properly in Firefox, as reported by multiple users.

## Similar extensions and apps

- [Angular state inspector](https://chrome-stats.com/d/angular_state_inspector) — 161 users, 5.00 / 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) — 122 users, 3.20 / 5
- [NGjs Explorer](https://chrome-stats.com/d/ngjs-explorer) — 9 users
- [Inspector DOM Sidebar](https://chrome-stats.com/d/inspector-dom-sidebar) — 392 users, 5.00 / 5
- [Yuzu Inspector](https://chrome-stats.com/d/yuzu-inspector)
- [UI5 Inspector AZ](https://chrome-stats.com/d/ui5-inspector-az) — 6 users
- [New-Free-sidebar](https://chrome-stats.com/d/new-free-sidebar)
- [Marionette Inspector](https://chrome-stats.com/d/marionette-inspector) — 4 users, 5.00 / 5
- [DEV-Tools](https://chrome-stats.com/d/dev-tools) — 22 users, 4.50 / 5
- [Vue Performance Devtool](https://chrome-stats.com/d/vue-performance-devtool) — 157 users, 2.60 / 5
- [Angular DevTools](https://chrome-stats.com/d/angular-devtools) — 8,994 users, 3.35 / 5

---

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