Log in
Preview of Angular DevTools

Angular DevTools by Angular

Angular DevTools extends Firefox DevTools adding Angular specific debugging and profiling capabilities.

3.3 (26 reviews)
8,902 Users
Download Firefox and get the extension
Download file
Screenshots
The Angular DevTools logo.Titled "Inspect Component Tree", this shows the Components panel showing a tree of Angular components currently rendered in the application. One component in particular is highlighted, with its internal state visible in the sidebar.Titled "Trace Signal Relations", this shows a graph of Angular signals with arrows between them illustrating the dependency relationships between each.Titled "Profile Performance Bottlenecks", this shows the Profiler tab with a flame graph of Angular components illustrating how much time is spent rendering and interacting with each component on the page.Titled "Explore Injector Tree", this shows the Injector Tree containing graph of the element hierarchy and environment hierarchy, demonstrating how Angular injectors on the page inherit from each other. One node is selected and shows a list of all tokens it provides.
About this extension
Angular DevTools is a Firefox DevTools extension that provides debugging and profiling capabilities for Angular applications. Angular DevTools supports Angular v12 and later.
Rated 3.3 by 26 reviewers

Star rating saved

5
13
4
1
3
2
2
2
1
8
Permissions and data

Required permissions:

  • Extend developer tools to access your data in open tabs
  • Access your data for all web sites
Learn more
More information
Version
1.18.0
Size
860.83 kB
Last updated
4 days ago (23 Jul 2026)
Related Categories
Version History
Add to collection
Report this add-on