Angular Watcher - Chrome Extension

In diesem kleinem Eintrag möchte ich euch eine Erweiterung (Chrome Extension) für den Chrome Browser vorstellen. Der Name dieser Extension 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, 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.

• ✔ Öffentliche Termine verfügbar
• ✔ Vor Ort, als auch Remote
• ✔ Deutsch/Englisch möglich

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.

• ✔ Öffentliche Termine verfügbar
• ✔ Vor Ort, als auch Remote
• ✔ Deutsch/Englisch möglich

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: