Angular DevTools Chrome Extension

 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 applications dependency injection tree to better how understand how and why any token was resolved to a specific service.

How to install Angular DevTools chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the Angular DevTools Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension Angular DevTools Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the Angular DevTools in Chrome Webstore Search and click on the search button.
• Step 3: click on the Angular DevTools Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the Angular DevTools extension for your Chrome Web browser .