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
Users: 300,000+
Rating: 3.85
(160)
Version: 1.0.19 (Last updated: 2024-12-17)
Creation date: 2021-05-13
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • scripting
  • activeTab
Host permissions:
  • <all_urls>
Size: 2.85M

Other platforms

Not available on Android
Angular DevTools (v1.0.18)
3.65 (20) 10,052+
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 Angular apps.
  • Perfect Angular app debugging extension.
Cons
  • Frequently does not detect Angular applications.
  • Displays errors related to production builds, even in development mode.
  • Causes browser crashes or issues during certain operations.
Most mentioned
  • Angular application not detected
  • We detected an application built with production configuration
  • Not working anymore
User reviews
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

by Abdallah Mekky, 2024-11-25
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: