Google has released Angular DevTools, a Chrome DevTools extension to check the structure and performance of applications built with the Angular framework.
See also: Android: How to disable the Google Assistant power button
Developed in conjunction with the Rangle.io toolkit and released on May 18, Angular DevTools focuses on visualizing component structure and understanding how to perform change tracking. The extension is available in the Chrome Web Store.
See also: Smart home devices: Android & Google Nest get support for Matter
Similar to Rangle.io’s Augury debugger for Angular, Angular DevTools offers an asset explorer to preview the structure of the application and provides an overview of change detection cycles, helping to uncover performance bottlenecks and enabling developers to deliver 60fps experiences. A profiler tab displays individual change detection cycles, what triggered them, and how much time was spent on them. Change detection cycles can be previewed in real-time.
See also: Google: You can delete the last thing you searched for
Angular DevTools supports applications built with Angular 9 and later. Future releases of the extension promise to close the functionality gap with Augury, incorporating the most important features based on requests. Angular DevTools is part of a web development toolchain that also includes Angular CLI, language service, PWA (Progressive Web Apps), and components.
Angular 12 is the current latest version of Google's popular TypeScript-based web development framework. It was released on May 12.
Information source: infoworld.com
