Angular DevTools is a new Chrome extension that provides debugging and profiling capabilities for Angular applications.
Google has released Angular DevTools, a Chrome DevTools extension that examines the structure and profiling performance of applications built with the Angular framework.
Angular DevTools, developed in collaboration with tool maker Rangle. IO and launched on May 18, is designed to visualize component structures and understand how change detection is performed. The extension can be found in the Chrome Web Store.
Similar to rangle. IO’s Augury debugging tool for Angular, Angular DevTools provides a component explorer to preview application architecture and provide an overview of change detection cycles to help uncover performance bottlenecks and enable developers to deliver a 60fps experience. The profiler TAB shows the individual change detection cycles, what triggers them, and how much Angular spent on them. Change detection cycles can be previewed in real time.
Angular DevTools supports applications built with Angular 9 and later. A future version of the extension is expected to bridge the feature gap with Augury, counting the most influential features on request. Angular DevTools is part of the Web development tool chain, which also includes the Angular CLI, language services, PWA (Progressive Web Applications), and components.
Angular 12 is the latest version of Google’s popular typescript-based web development framework. It was released on May 12.
The original link: www.infoworld.com/article/361…