Angular Augury

Augury is a Chrome Dev Tools extension for debugging and profiling Angular applications. It is a purpose-built tool to help developers visually navigate the component tree, inspect the state of the router, and enable break point debugging by source-mapping between the generated JavaScript code and the TypeScript code that the developer coded in. You can download Augury from augury.angular.io. Once installed, when you open Chrome Dev Tools for your Angular app, you'll note a new tab for Augury, as illustrated:

Chrome Dev Tools Augury

Augury provides useful and critical information in understanding how your Angular app is behaving ...

Get Angular 6 for Enterprise-Ready Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.