Angular Watcher - Chrome Extension

In diesem kleinem Eintrag möchte ich euch eine Erweiterung für den Chrome Browser vorstellen. Der Name dieser Erweiterung ist: Angular Watcher.

💡 Keine Lust zu lesen?

Nicht jeder lernt am besten aus Büchern und Artikeln. Lernen darf interaktiv sein und Spaß machen. Wir bieten dir auch Angular Intensiv-Schulungen an, damit du tiefer in die Thematik einsteigen kannst.

Mehr Informationen zur Angular-Schulung

Ihr könnte diese Erweiterung im Chrome WebStore zu euerm Chrome hinzufügen.

💡 Hat dir das Tutorial geholfen?

Wir bieten auch Angular-Intensiv-Schulungen an, um dich möglichst effektiv in das Thema Angular zu begleiten. Im Kurs kannst Du die Fragen stellen, die Du nur schlecht googeln kannst, z.B. "Besserer Weg, um meine Applikation zu strukturieren?". Wir können sie Dir beantworten.

Jetzt weiter lernen

Diese Erweiterung bietet euch lediglich ein kleines aber sehr nützliches Feature, um eure AngularJS Anwendung zu analysieren. Einmal installiert, könnt Ihr diese über ein neuen Tab in euer Chrome Inspector Leiste erreichen. Habt Ihr den Tab $$Watchers aktiviert, könnt Ihr jederzeit die Anzahl der aktuell aktiven Watcher in euer AngularJS Anwendung verfolgen.

Hiermit könnt Ihr einen sehr guten Überblick über mögliche Performance Probleme in euer Anwendung bekommen. Gerade wenn Ihr eigene komplexe Views schreibt welche viele Watcher registrieren, könnt Ihr hier auch mögliche Hotspots finden und diese optimieren.

Hier mal ein kleines Beispiel wie das aussehen könnte: