Angular Watcher - Chrome Extension

angularjs | Robin Böhm Twitter Logo | 1 Minute

In diesem kleinem Eintrag möchte ich euch eine Erweiterung für den Chrome Browser vorstellen. Der Name dieser Erweiterung ist: Angular Watcher. Ihr könnte diese Erweiterung im Chrome WebStore zu euerm Chrome hinzufügen.

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:

Bild

Inhaltsverzeichnis


Email Newsletter

Um alle Neuigkeiten zu erfahren, abonniere hier unseren Newsletter!

Newsletter abonnieren
Robin Böhm

Robin Böhm

Robin beschäftigt sich seit 2012 intensiv mit der Erstellung client-seitiger Web-Applikationen. 2014 hat er das erste deutschsprachige Buch zum Thema AngularJS geschrieben und ist Mitgründer der Platform Angular.DE. Mit seinem Schulungs-Team hat er bereits über 1200 Unternehmen den erfolgreichen Start mit Angular ermöglicht.