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

Stats

By: Angular

View on Chrome Web Store

Users: 300,000+

Rating: 3.88 (154)

Version: 1.0.15 (Last updated: 2024-05-02)

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.32M

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

URLs: Privacy policy

Stats date:

Chrome-Stats Rank

# 1189 ▲ 19

Other rankings

#2724 in Developer Tools ▼ 310 #35 in component keyword 25 ▼ 1 #102 in application keyword 27 ▼ 1

Other platforms

Not available on Firefox

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.

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

User reviews summary

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
Helpful for development
Useful for SSR evaluation

Cons

Not working for some users
Compatibility issues with different Angular versions
Bugs and errors observed

Most mentioned

Not working
Angular application not detected
Useful for debugging
Does not work
Bugs and errors

Recent reviews

Ne détecte plus d'app angular. Enfin, 1 fois sur 1000, si. Au petit bonheur la chance. Courage pour utiliser cette extension.

Maxime Torregiani, 2024-02-26

Miguel Moya Ortega, 2024-05-24

not working, in prod mode it can deduct it as angular app and tells it will not work in prod mode, After running as dev/local one it says Angular DevTools This page is not using Angular, or it has a strict extension policy.

Jones Prabu Justin Raj, 2024-05-22

View all user reviews

Safety

Risk impact

Angular DevTools may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.