AngularJS перевіряйте Watchers у Chrome за допомогою OffiDocs

ОПИС

Розширення Chrome, яке дозволяє користувачеві перевіряти кількість спостерігачів Angular, які існують у будь-якому елементі програми Angular.

***** 4 Оновлення! Я щойно випустив версію 20 розширення, яке переміщує розширення з дії веб-переглядача на дію сторінки (піктограма з’являється в адресному рядку).

Дія сторінки більше підходить для цього розширення, оскільки функції мають сенс лише для кількох веб-сторінок, на яких працює AngularJS.

Використання: Після встановлення перейдіть до програми Angular і клацніть «Дію сторінки» в адресному рядку, щоб активувати розширення.

Потім наведіть вказівник миші на різні розділи вашої програми Angular, щоб побачити області видимості та спостерігачі, виділені червоним.

Ще раз клацніть дію сторінки, щоб дезактивувати.

Мотивація: Добре відомий факт, що зі збільшенням кількості спостерігачів у додатку Angular продуктивність циклу дайджесту знижується.

У Angular 1.3 все, що спостерігає понад 2,000, значно вплине на продуктивність.

Це розширення може допомогти вам легко контролювати кількість спостерігачів, яких ви додаєте.

Вирішення проблем Я не бачу дії сторінки! Що мені робити? --> Ng Inspect Watchers можна використовувати лише в програмах AngularJS, у яких увімкнено інформацію про налагодження.

Якщо ви перейдете на будь-яку веб-сторінку, яка або не є програмою AngularJS, або не має ввімкненої інформації про налагодження, ви не зможете використовувати розширення.

Як увімкнути інформацію про налагодження? --> Розширення залежить від наявності `.

ng-scope` і `.

ng-isolate-scope` імена класів CSS.

Якщо ви запустили `$compileProvider.

debugInfoEnabled(false);` у вашій програмі, це не працюватиме.

Щоб повернути класи, ви можете запустити `angular.

reloadWithDebugInfo();` у консолі та повторіть спробу.

Перегляньте https://docs.

angularjs.

org/guide/production#disabling-debug-data для отримання додаткової інформації.

Додаткова інформація:

- Пропонує ryanoglesby08.github.io
- Середня оцінка: 3.13 зірки (все нормально)

AngularJS Огляньте веб-сайт Watchers extension інтегровано з OffiDocs Chromium онлайн