Angular DevTools

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

Angular DevTools: Essential Chrome Extension for Debugging

Angular DevTools is a Chrome extension designed to enhance your ability to debug and profile Angular applications. It provides insight into your application's structure, previewing the state of directives and component instances. Moreover, the profiler tab offers a detailed look at individual change detection cycles, identifying triggers and measuring the time spent within them. It also visualizes your application's dependency injection tree for a comprehensive understanding of service dependencies.
Install from Chrome Web Store

Extension stats

By: Angular
Rating: 3.86
(161)
Version: 1.0.21 (Last updated: 2025-01-15)
Creation date: 2021-05-13
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • scripting
  • activeTab
Host permissions:
  • <all_urls>
Size: 2.86M

Other platforms

Not available on Android
Angular DevTools (v1.0.21)
3.65 (20) 9,925+
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

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.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Useful for debugging Angular applications
  • Good tools for Angular to debug your applications
  • Perfect for Angular app debugging
  • Helps to see cycles of DOM updates
Cons
  • Not detecting Angular applications regularly
  • Frequently returns errors stating 'Angular application not detected'
  • Not working in production mode
  • Causes browser crashes during SSO login
Most mentioned
  • Angular application not detected error
  • Issues with extension not working properly
  • Problems with production configuration detection
  • Debugging capabilities are useful but unreliable
User reviews
by 陈俊甫, 2025-01-06

heplfull
by vinay kumar, 2024-12-12

doesn't work like it should, sometimes it loads and mostly it does not, waste of time.
by Rafael Bs, 2024-11-26
View all user reviews

Extension safety

Risk impact

Angular DevTools requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

Angular DevTools is probably trust-worthy. Prefer other publishers if available. Exercise caution when installing this extension.

Upgrade to see risk analysis details

Promo images

Angular DevTools small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Angular DevTools: