Google has published Angular DevTools, a Chrome DevTools extension to inspect the structure and profile performance of applications built with the Angular framework.
Developed in conjunction with tool builder Rangle.io, and introduced May 18, Angular DevTools is focused on visualization of the component structure and understanding change detection execution. The extension is available in the Chrome Web Store.
Similar to Rangle.io’s Augury debugging tool for Angular, Angular DevTools offers a component explorer to preview application structure and provides an overview of change detection cycles, helping to reveal performance bottlenecks and enable developers to deliver 60fps experiences.
