About Angular DevTools
Angular DevTools is the Angular team's own browser extension for debugging and profiling Angular apps. Its documentation lists a component explorer where you can preview and edit state, a profiler for finding change-detection bottlenecks, and tree views of the injector hierarchy and the router. Some experimental tabs can be switched on in its settings.
It lives in the main Angular repository under the MIT licence. The Chrome build is Manifest V3 and was updated in October 2026, and the Firefox add-on was updated the same week. The documentation names Chrome and Firefox as the supported browsers, and it adds that Chromium-based browsers also get a Performance panel integration. The Chrome listing has about 300,000 users and a rating of 3.0 out of 5, which is low for an official tool.
It only works on development builds. To debug a deployed app, the documentation says to use ng serve or disable build optimisation. The extension asks for access to all websites so it can detect Angular, along with active tab, storage and debugger permissions. We left it at the bottom of the ranking only because fewer developers need it than the others. If you write Angular, install it.
Pros and cons
- Official tool from the Angular team
- Component explorer, profiler, injector and router trees
- Open source, MIT licensed and updated October 2026
- Chrome and Firefox listings
- Chrome rating is only 3.0 out of 5
- Works with development builds, not production
- No Safari version
Permissions
It asks for access to all websites so it can detect Angular, plus scripting, active tab, storage and debugger permissions.
