17Powertipp: Analyse und Debugging mit den Angular DevTools

Die Chrome Developer Tools sind hilfreich, um einen Einblick in die gerenderte Anwendung zu erhalten. Die Ansicht im Reiter Elements zeigt allerdings stets nur die DOM-Elemente an, und wir erhalten hier keine Informationen über die Komponenten der Anwendung. Die Developer Tools eignen sich gut, um die Performance der gesamten Anwendung zu analysieren. Wollen wir hingegen einzelne Teile der Angular-Anwendung untersuchen, stoßen die eingebauten Tools des Browsers an ihre Grenzen. Wir möchten in diesem Powertipp zeigen, wie wir mithilfe der Angular DevTools die Anwendung gezielter analysieren können.

Komponenten untersuchen mit dem globalen Objekt ng

Angular bietet im Entwicklungsmodus ...

Get Angular, 4th Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.