AngularJS inspecciona observadores en Chrome con OffiDocs

DESCRIPCIÓN:

Ejecute la extensión de la tienda web en línea de Chrome AngularJS Inspect Watchers usando OffiDocs Chromium en línea.

Una extensión de Chrome que permite al usuario inspeccionar la cantidad de observadores de Angular que existen en cualquier elemento de una aplicación de Angular.

***** 4/20/2015 ¡Actualización! Acabo de lanzar la v1.

0.

0 de la extensión, que mueve la extensión de una Acción del navegador a una Acción de página (el icono aparece en la barra de direcciones).

Una acción de página es más apropiada para esta extensión porque las funciones solo tienen sentido para algunas páginas web, aquellas con AngularJS en ejecución.

Uso: Una vez instalado, navegue a su aplicación Angular y haga clic en Acción de página en la barra de direcciones para activar la extensión.

Luego, desplace el mouse sobre diferentes secciones de su aplicación Angular para ver los ámbitos y observadores resaltados en rojo.

Haga clic en la acción de la página de nuevo para desactivar.

Motivación: es un hecho bien conocido que a medida que aumenta la cantidad de observadores en una aplicación Angular, el rendimiento del ciclo de resumen disminuye.

En Angular 1.

3, cualquier cantidad superior a 2,000 observadores afectará drásticamente el rendimiento.

Esta extensión puede ayudarlo a monitorear fácilmente la cantidad de observadores que está agregando.

Solución de problemas ¡No veo la acción de la página! ¿Qué debo hacer? --> Ng Inspect Watchers solo se puede usar en aplicaciones AngularJS que tienen habilitada la información de depuración.

Si navega a cualquier página web que no sea una aplicación de AngularJS o que no tenga habilitada la información de depuración, no podrá usar la extensión.

¿Cómo habilito la información de depuración? --> La extensión se basa en la presencia de `.

ng-scope` y `.

ng-isolate-scope` nombres de clase CSS.

Si ha ejecutado `$compileProvider.

debugInfoEnabled(false);` en su aplicación, no funcionará.

Para recuperar las clases, puede ejecutar `angular.

reloadWithDebugInfo();` en la consola y vuelve a intentarlo.

Consulte https://docs.

angularjs.

org/guide/production#disabling-debug-data para obtener más información.

Información adicional:

- Ofrecido por ryanoglesby08.github.io
- Calificación promedio: 3.13 estrellas (estuvo bien)

Extensión web AngularJS Inspect Watchers integrada con OffiDocs Chromium en línea