AngularJS Inspect Watchers

开发者工具插件大小: 35.49KiB版本: v 1.0.1更新时间: 2021-12-21
大小:35.49KiB版本:v 1.0.1更新时间:2021-12-21

Inspect the scope watchers of an Angular app

AngularJS Inspect Watchers 的使用方法详解,最全面的教程

AngularJS Inspect Watchers 描述:



扩展大小:35.49 KiB


版本:v 1.0.1

AngularJS Inspect Watchers 插件简介:

这是来自Chrome商店的 AngularJS Inspect Watchers 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。

AngularJS Inspect Watchers插件下载方法/流程:


AngularJS Inspect Watchers插件安装教程/方法:


(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面

(3) 打开扩展程序页面的“开发者模式”

(4) 将crx文件拖拽到扩展程序页面,


A Chrome extension that lets the user inspect the number of Angular watchers that exist on any element of an Angular app. ***** 4/20/2015 Update! I just released v1.0.0 of the extension, which moves the extension from a Browser Action to a Page Action (icon appears in the address bar). A Page Action is more appropriate for this extension because the features only makes sense for a few web pages, those with AngularJS running. Usage: Once installed, navigate to your Angular app and click the Page Action in the address bar to activate the extension. Then, hover your mouse over different sections of your Angular application to see the scopes and watchers highlighted in red. Click the Page Action again to deactivate. Motivation: It is a well known fact that as the number of watchers in an Angular app increases, the digest cycle performance decreases. In Angular 1.3, anything over 2,000 watchers will dramatically effect performance. This extension can help you easily monitor the number of watchers you are adding. Troubleshooting I don't see the Page Action! What do I do? --> Ng Inspect Watchers can only be used on AngularJS apps that have debug info enabled. If you navigate to any web page that is either not an AngularJS app, or does not have debug info enabled, you will not be able to use the extension. How do I enable debug info? --> The extension relies on the presence of `.ng-scope` and `.ng-isolate-scope` CSS class names. If you have run `$compileProvider.debugInfoEnabled(false);` on your app, it won't work. To get the classes back, you can run `angular.reloadWithDebugInfo();` in the console and try again. See for more info.


브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Расширение позволяет использовать КриптоПро ЭЦП Browser plug-in в браузере. Для работы требует установленного ЭЦП Browser plug-in.
Adds React debugging tools to the Chrome Developer Tools. Created from revision 336ac8ceb on 7/13/2022.
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies
POSTMAN CHROME IS DEPRECATED DOWNLOAD THE UPDATED POSTMAN NATIVE APPS Postman Chrome is deprecated and is missing essential, new…
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytics, Google Tag Manager and more.
The web developers helper program to create and test custom HTTP requests.
back top top
back top top