DevTools
Last updated
What is DevTools?
Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications. You can view component trees and change detection cycles.
Free resources to learn DevTools
- Official docsAngular Devtools
- Official docsChrome Web Store
- Official docsFirefox Add-ons
- VideoDid you try the LATEST Angular developer tools?
More in stage 18: Developer Tools
- Developer Tools
- Angular CLI
- Local Setup
- Language Service
- Deployment
- Libraries
- End-to-End Testing
- Using Libraries
- Schematics
- Creating Libraries
- Build Environments
- Cross-site Scripting
- HTTP Vulnerabilities
- CLI Builders
- Sanitization
- Cross-site Request Forgery
- AoT Compilation
- Trusting Safe Values
- HttpClient CSRF
- Enforce Trusted Types
- XSRF protection
- Cross-site Script Inclusion
- NGXS
- NgRx
- RxJS Interop
- Inputs as Signals
- Queries as Signals
- Model Inputs
DevTools: common questions
Can I learn DevTools in Hindi?
This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain DevTools in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.
Is this DevTools tutorial for beginners?
It is lesson 96 of 158 in the free Angular roadmap, in stage 18, Developer Tools. If you are new to Angular, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.