Angular DevTools
A browser extension for debugging and profiling Angular applications from inside the browser's developer tools.
Open sourceBy Google
Read the Angular DevTools documentation
View the Angular DevTools source code
Alternatives
About Angular DevTools
Angular DevTools adds an Angular panel to the browser's developer tools, which you open with F12 or Ctrl+Shift+I. The documentation covers views for the component tree, a profiler, injectors and the router tree, so you can see how an application is structured and where change detection spends its time.
It is built by the Angular team and is for developers working on Angular apps. It is available for Chrome and Firefox and is documented on angular.dev alongside the Angular CLI and Language Service.
Strengths
- Official tool from the Angular team
- Component tree inspection and a change detection profiler
- Views for dependency injectors and the router tree
- Available for both Chrome and Firefox
Limitations
- Only useful for applications built with Angular
- No Safari version mentioned
Details
- Pricing
- FreeFree browser extension from the Angular team.
- License
- Open source, license not stated
- Developer
- Platforms
- Browser extension
- How it runs
- Browser extension
- Account
- Not required
- Best suited for
- Angular developers debugging component state and performance
- Categories
- Browser tools, Developer tools
- Last verified
- Added
- Sources