Angular DevTools Is Here!

Angular Team has introduced Angular DevTools — a Chrome DevTools extension that you can use to inspect the structure of your applications and profile their performance.

The Angular Team has recently introduced DevTools which developers can easily add to their browsers. I'm adding here the link where you can find the Angular DevTools.

 

Let's see what are all the benefits of using this DevTool,

1. For getting a better debugging experience. Angular Team has mainly focused on fixing these debugging errors while implementing the DevTool,
   
   
   
   
2. Visualization of the components on the Angular application,
   
   
   
   
3. Change detection.
4. Includes "component explorer" which in turn is used for viewing the entire structure of the Angular application.
   
   
   
   
   
   
5. You can come to know how much time you spent on directives/components while executing your application.
6. Angular DevTools support Angular v9 and above with Ivy Compiler-enabled applications.