Angular state inspector
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
You can use Angular DevTools to understand the structure of your application and preview the state of the directive and the component instances. To get insights into the execution of the application, you can use the profiler tab, which shows you the individual change detection cycles, what triggered them, and how much time Angular spent in them. You can also inspect and visualize your application's dependency injection tree to better how understand how and why any token was resolved to a specific service.
Inspect the latest comments and rating distribution.
Store average score: 3.7. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Helps you debug Angular component state. Supports Angular 1/2+/Ivy!
Helps in debugging Angular applications. Extends the elements panel in devtools to display component properties.
Devtools panel to visualize rxjs observables
AngularJS dependency graph.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
DevTools browser extension for Vue.js
Por ahora todo bien.
This tool can not be used on angular 8 !
The inspect tool for selecting component does not work
I updated my application from angular 9 to 13 to use this extension but it doesn't work. I only get: "We detected an application built with production configuration. Angular DevTools only supports development builds." I have changed my setting multiple times to use development mode--but nothing works. This plug-in and it's predecessor have never worked for me. ---------------------------UPDATE--------------------------- After carefully following the instructions at https://github.com/rangle/angular-devtools/issues/868, the tool now works for me.
Great work!
top!
Chrome No tabs found for angular angular12 and angular-cli。mac m1
It really helps with the development proccess. I don't rate it with 5 starts because sometimes, when open it, it doesn't show the whole component tree and you have to manually inspect it from the viewport in order for it to appear in the devTools. Great work!
In the Angular inspector, it only showed up to my router-outlet
Not working, nothing ... just the angular version is displayed