Angular DevTools

4.1

125 Ratings

300.0K

Installs

Nov 16, 2023

Updated

Download

#Debugging #Visualization #Design & Development

What is Angular DevTools

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

It allows users to understand the structure of the application, preview the state of directive and component instances, and get insights into the execution of the application through the profiler tab

Additionally, it enables users to inspect and visualize the application's dependency injection tree

Similar Web Traffic For https://angular.io/devtools

3.0M: Last Month's Visits
9.4M: Last 3 Month's Visits
--: Last 6 Month's Visits

Total Visitors

Visits Over Time

3.0M

Top Countries

Top 5 Countries

Traffic Sources

Marketing Mix

100%

4.1

125 Ratings

See all reviews

This tool allows you to analyse your Angular project but it fails miserably in basic aspects, especially when you try to find out the name of a certain component, which you can only do by hovering over it. Well if the component is not centered you will not get the name, and the hovering function stops working if you close the dev tools and open it again. A quick workaround is to just refresh the page, but then you need to navigate to your desired component. I use this because there are no oth... Show more

I updated my application from angular 9 to 13 to use this extension but it doesn't work. I only get: "We detected an application built with production configuration. Angular DevTools only supports development builds." I have changed my setting multiple times to use development mode--but nothing works. This plug-in and it's predecessor have never worked for me. ---------------------------UPDATE--------------------------- After carefully following the instructions at https://github.com/rangl... Show more

Angular 11.0.2. hmr, aot true, dev mode error in console: zone-evergreen.js:178 Uncaught TypeError: Cannot read property 'lView' of undefined at k.build (backend.js:1) at I (backend.js:1) at Array.map (<anonymous>) at G (backend.js:1) at ee.index (backend.js:1) at de.indexForest (backend.js:1) at backend.js:1 at n (backend.js:1) at ZoneDelegate.invokeTask (zone-evergreen.js:402) at Zone.runTask (zone-evergreen.js:174)