AngularJS Inspect Watchers

检查 Angular 应用的作用域 watcher 这是一款 Chrome 扩展程序，可让用户检查 Angular 应用中任意元素上存在的 Angular watcher 数量。 ***** 2015 年 4 月 20 日更新！ 我刚刚发布了扩展程序的 v1.0.0，将扩展程序从浏览器操作改为页面操作（图标显示在地址栏中）。页面操作更适合此扩展程序，因为其功能只对少数运行 AngularJS 的网页有意义。 使用方法： 安装后，打开您的 Angular 应用并点击地址栏中的页面操作图标以激活扩展程序。然后将鼠标悬停在 Angular 应用的不同区域，即可看到以红色突出显示的作用域和 watcher。再次点击页面操作图标即可停用。 开发动机： 众所周知，随着 Angular 应用中 watcher 数量增加，digest 循环的性能会下降。在 Angular 1.3 中，超过 2,000 个 watcher 会严重影响性能。此扩展程序可以帮助您轻松监控新增的 watcher 数量。 故障排除 我看不到页面操作图标！该怎么办？--> 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。