Angular DevTools

Inspect Angular components, signals, dependency injection, and routes.

Angular DevTools — inspect component trees, signals, dependency injection, and routes in any Angular application. Built with Devframe, this extension adds an Angular DevTools panel to Chrome DevTools that automatically detects Angular apps and provides live inspection of: • Components — discover selectors, inputs, outputs, and source files • Signals — visualize signal, computed, linkedSignal, and effect nodes with dependency edges (Angular 19+) • Dependency Injection — browse element and environment injector hierarchies with providers (Angular 17+) • Routes — list all registered route paths • Build metadata — Angular version, TypeScript version, SSR status Works with Angular 17+ applications in development mode. Signal graph inspection requires Angular 19+.