AngularJS inspectează observatorii în Chrome cu OffiDocs

DESCRIERE

O extensie Chrome care permite utilizatorului să inspecteze numărul de observatori Angular care există pe orice element al unei aplicații Angular.

***** Actualizare 4! Tocmai am lansat versiunea 20 a extensiei, care mută extensia de la o acțiune de browser la o acțiune de pagină (pictograma apare în bara de adrese).

O acțiune de pagină este mai potrivită pentru această extensie, deoarece funcțiile au sens doar pentru câteva pagini web, cele cu AngularJS care rulează.

Utilizare: Odată instalat, navigați la aplicația Angular și faceți clic pe Acțiunea paginii din bara de adrese pentru a activa extensia.

Apoi, treceți mouse-ul peste diferite secțiuni ale aplicației dvs. Angular pentru a vedea ambalajele și observatorii evidențiate în roșu.

Faceți clic din nou pe Acțiune în pagină pentru a o dezactiva.

Motivație: Este bine cunoscut faptul că, pe măsură ce numărul de observatori într-o aplicație Angular crește, performanța ciclului de digerare scade.

În Angular 1.3, peste 2,000 de observatori vor afecta în mod dramatic performanța.

Această extensie vă poate ajuta să monitorizați cu ușurință numărul de observatori pe care îi adăugați.

Depanare Nu văd Acțiunea paginii! Ce fac? --> Ng Inspect Watchers poate fi folosit numai pe aplicațiile AngularJS care au informații de depanare activate.

Dacă navigați la orice pagină web care fie nu este o aplicație AngularJS, fie nu are informații de depanare activate, nu veți putea folosi extensia.

Cum activez informațiile de depanare? --> Extensia se bazează pe prezența lui `.

ng-scope` și `.

ng-isolate-scope` nume de clasă CSS.

Dacă ați rulat `$compileProvider.

debugInfoEnabled(false);` în aplicația dvs., nu va funcționa.

Pentru a recupera clasele, puteți rula `angular.

reloadWithDebugInfo();` în consolă și încercați din nou.

Vedeți https://docs.

angularjs.

org/guide/production#disabling-debug-data pentru mai multe informații.

Informații suplimentare:

- Oferit de ryanoglesby08.github.io
- Evaluare medie: 3.13 stele (a fost ok)

AngularJS Inspectați web-ul Observatorilor extension integrat cu OffiDocs Chromium on-line