AngularJS Inspect Watchers für Google Chrome

AngularJS Inspect Watchers für Chrome von Ryan Oglesby

AngularJS Inspector Watchers-Erweiterung ist ein einfaches Werkzeug, das es dem Benutzer ermöglicht, die Anzahl der Angular-Watcher anzuzeigen, die auf jedem Element einer Angular-App vorhanden sind. Es kann hilfreich sein, um zu identifizieren, wo das Problem mit der Digest-Zyklus-Leistung in einer App liegt. Diese Erweiterung ist für AngularJS-Apps gedacht, die Debug-Informationen aktiviert haben.

Um diese Erweiterung zu verwenden, müssen Sie die Debug-Option in den Optionen Ihrer AngularJS-Anwendung aktivieren. Nach der Installation der Erweiterung zeigt sie die Anzahl der Watcher auf dem Element an, über dem Sie schweben. Auf der rechten Seite können Sie erneut auf das Element klicken, und es zeigt die Watcher aller Elemente in der App an. Die Erweiterung zeigt auch die Anzahl der Elemente auf einer Seite an.

Fehlerbehebung

Wenn Sie sich nicht auf einer AngularJS-Anwendung befinden, sehen Sie nicht das Page-Action-Symbol in der Adressleiste. Dies liegt daran, dass die Erweiterung nur für Webseiten mit AngularJS sinnvoll ist.