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
I get a message that says: Angular DevTools This page is not using Angular, or it has a strict extension policy. How can this be fixed?? I'm running my app directly from Angular CLI.
can someone help extension cannot pick up my app. I have different host set in angular.json. error:This page is not using Angular, or it has a strict extension policy.
Seems pretty useful. Minor issues: -- When a property changes from null to an object, it shows "{...}", but there's no arrow to expand it and view the object without changing to a different node and back. -- I had no idea that the "play button" you are supposed to click to record was that grey circle. I actually had to rewatch the intro video on the blog to find out where the play button was. I now see there is a tooltip on it, but still...
Finally! Thanks ;)
Extension doesn't work and returns console errors. I'm also not sure if this extension is produced by Google or Rangle. It can't be both and it seems disingenuous and potentially dangerous if Rangle are trying to pass their work off as Google's.
Angular 11.0.2. hmr, aot true, dev mode error in console: zone-evergreen.js:178 Uncaught TypeError: Cannot read property 'lView' of undefined at k.build (backend.js:1) at I (backend.js:1) at Array.map (<anonymous>) at G (backend.js:1) at ee.index (backend.js:1) at de.indexForest (backend.js:1) at backend.js:1 at n (backend.js:1) at ZoneDelegate.invokeTask (zone-evergreen.js:402) at Zone.runTask (zone-evergreen.js:174)
not working.....although finds my angular app working in development mode and gets angular version 9.1.3, not showing anything in components area or profile
Good
I really was waiting for a such extension, but it doesn't work on my project. even doesn't detect my site is using angular! I don't know why!
Thank you for this proper debug tool!