Angular DevTools

Angular DevTools is an extension of Chrome DevTools. DevTools is used to inspect the structure of your applications. DevTools have higher impacts in development compared to a development without using DevTools. Most attention is needed in the areas listed below. 

  • Improvements in error messages.

  • Understanding change detection

  • Understanding injector hierarchy and provider instantiation.

  • Visualization of component structure.

To improve debugging experience the team has introduced APIs to global ng objects. The error messages have also improved by providing information and guidance on them. 

Features 

Angular DevTools concentrates more on Visualization of the component structure, understanding the change detection execution.

You can understand the performance bottlenecks.