From the course: Unlocking Angular: Performance Optimization

Unlock this course with a free trial

Join today to access over 25,500 courses taught by industry experts.

Angular DevTools overview

Angular DevTools overview - Angular Tutorial

From the course: Unlocking Angular: Performance Optimization

Start my 1-month free trial Buy for my team

Angular DevTools overview

“

- [Speaker] Angular DevTools is an open source browser extension maintained by the official Angular team. It's a great tool that helps focus your efforts on where you need it the most. It's built specifically for debugging Angular apps and can be used together with other DevTools to get deeper insights into the structure, state, and performance of your project. I opened our project here in a GitHub code space. I talk about why we use code spaces earlier in this course, so for now, just think of them as an easy way to share and write code without installing anything on your local machine. I'm using Google Chrome for this course because that's what I'm most comfortable with, but you can use any browser that supports the extension. Angular DevTools works only with development builds. This can be a staging environment or a local copy running from your machine. Either way, launch your app and open Chrome DevTools. After you install the extension, click on the angular tab. You should see…

Contents