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
Just installed the extension, but I can't seem to find the "Angular" tab in the devtools on Windows but I can find it on my mac
Useful for debugging, might need to use it more ! But.. Currently there is a bug with the extension. The extension block https requests from `HttpClient` to resolve properly. In the network I see that I got a response, bur adding logs to requests show me that the client never 'next' the value. I did not debugged this on multiple projects, but I can confirm the extension is the source (only disabling this extension fix the issue).
I use this tool for a long time, recently this tool not working anymore. Keep saying Angular application not detected. Even restart my laptop.
Ne détecte plus d'app angular. Enfin, 1 fois sur 1000, si. Au petit bonheur la chance. Courage pour utiliser cette extension.
I'm using: Angular CLI: 17.1.3 Node: 20.10.0 Package Manager: npm 10.4.0 OS: win32 x64 When I load the Angular extension, a message appears me: We detected an application built with production configuration. Angular DevTools only supports development build. I checked the angular.json file for some variables that some pages suggested should be configured, but nothing I tried could revert it. I'm reading the new characteristics about SSR using Angular 17. It's not available to see in the browser; I must migrate to another kind of evaluation tool
NICE TOOL
very helpful, have some bugs showing values and refreshing the components tree
La verdad ha sido muuuy util para mi, pero lo que he visto es que tiene muchos bugs, especialmente cuando tengo muchos console.logs en mi aplicacion, la verdad espero mucho que puedan mejorar este plugin, Angular está creciendo cada vez más y necesitamos este tipo de plugins.
Team, whoever is not able to get the Angular tab in the developer tools, kindly please close the browser or restart your browser once, and make sure that you are inside an angular application, then only the Angular tab will be visible
Doesn't work. Shows me the value of a variable for a split second and then blanks out. Maps and tools won't zoom out or scroll to show anything. Resources/Components don't update on navigation and the panel stays on destroyed components.