Augury is a Google Chrome browser extension for inspecting Angular 2+ applications (https://augury.angular.io/). The tool visualizes the application through a component tree, router tree, module dependencies, and more. Developers immediately see the application structure, change detection, and other useful characteristics. They can explore relationships between several building blocks, such as components, services, routes, modules, injectors, and so on. Augury is interactive. It allows for modifying application states and emitting events.
You can install Augury from the Chrome Web Store: https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd.
Once the plugin has been successfully installed, you will see a new Augury tab in the Chrome Developer Tools (DevTools). Shortcuts for opening the DevTools: F12 (Windows), Command + Option + I (Mac).
Once the plugin has been successfully installed, you will see a new Augury tab in the Chrome Developer Tools (DevTools). Shortcuts for opening the DevTools: F12 (Windows), Command + Option + I (Mac).
There is another way to explore Angular 2+ applications. In the...