From the course: Angular Performance Optimization Techniques

Unlock this course with a free trial

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

The Angular dev tools profiler

The Angular dev tools profiler - Angular Tutorial

From the course: Angular Performance Optimization Techniques

Start my 1-month free trial Buy for my team

The Angular dev tools profiler

“

- [Instructor] Now let's take a look at the Angular DevTools Profiler and explore its features. The first thing to know is that unlike the other tools mentioned earlier, the Angular DevTools are an extension that you have to install in your browser. So you can install it in Google Chrome and Firefox, going to the store for the extensions for these browsers, you can install it from there. Once that is done, you can navigate to your application, and note that these DevTools for Angular, they only work at devtime. They don't work on production code. So I'm running my application locally on my machine here in order to be able to use the Angular DevTools. And they show up as a tab in the browser DevTools. So I selected the Angular tab here, and the default behavior of the DevTools is to give you an overview of the components. So we see all three of components here and I can click on components, see the data that's inside of them, the inputs, and I can change those values and all of that…

Contents