Angular DevTools

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

What is Angular DevTools?

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.

Download

Extension stats

By: Angular

View on Chrome Web Store

Users: 300,000+

Rating: 3.88 (157)

Version: 1.0.18 (Last updated: 2024-08-29)

Creation date: 2021-05-13

Risk impact: Moderate risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Permissions:

scripting
activeTab

Host permissions:

<all_urls>

Size: 3.36M

Email: de*****@angular.io

URLs: Privacy policy

Ranking

# 1341 ▼ 10

Other rankings

#2710 in Developer Tools #35 in component keyword 11 #136 in application keyword 35 ▼ 6

Other platforms

Angular DevTools (v1.0.18)

3.65

(20) 9,496+

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

Analyze keywords

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
Perfect for Angular app debugging
Provides insights into DOM update cycles

Cons

Frequently fails to detect Angular applications
Often displays errors related to production configuration
Can cause issues with browser stability, especially during SSO login

Most mentioned

Angular application not detected
We detected an application built with production configuration
Not working anymore

Recent reviews

Not Bad :D

Juan Ospina, 2024-10-06

Simao Castro: download the source code, unpack it, change that stupid value, repack it. I mean..... you're obviously using it for dev, they probably have a legal restriction on why they default to that, but you got this, I believe in you!

Christopher Hurley, 2024-10-01

Not working. "We detected an application built with production configuration. Angular DevTools only supports development build" I'm running the application using the development configuration.