What is ng-inspector for AngularJS?

ng-inspector for AngularJS is a Chrome extension developed by http://ng-inspector.org, and its main feature is "Inspector pane for AngularJS apps".

Extension Screenshots

Download ng-inspector for AngularJS Extension CRX File

Download ng-inspector for AngularJS extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

ng-inspector is a browser extension that displays an inspector panel showing the AngularJS scope hierarchy in the current page in real time, as well as which controllers or directives are associated with which scope.

Hovering over a scope in the inspector will highlight the DOM element that scope is attached to. Clicking on a model will console.log that model's contents.

The extension adds a button next to the address bar with the Angular logo that toggles the pane on and off.

Please submit bug reports and suggestions at the GitHub repo: https://github.com/rev087/ng-inspector/issues/

Extension Basic Information

Name	ng-inspector for AngularJS
ID	aadgmnobpdmgmigaicncghmmoeflnamj
Official URL	https://chrome.google.com/webstore/detail/ng-inspector-for-angularj/aadgmnobpdmgmigaicncghmmoeflnamj
Description	Inspector pane for AngularJS apps
File Size	107 KB
Installation Count	40,000
Current Version	0.5.10
Last Updated	2015-04-16
Publish Date	2015-04-16
Rating	3.70/5 Total 290 Ratings
Developer	http://ng-inspector.org
Payment Type	free
Extension Website	http://ng-inspector.org
Help Page URL	https://github.com/rev087/ng-inspector/issues/
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "ng-inspector for AngularJS", "description": "Inspector pane for AngularJS apps", "version": "0.5.10", "background": { "scripts": [ "background.js" ], "persistent": false }, "permissions": [ "tabs", "" ], "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "browser_action": { "default_icon": { "19": "btn19.png", "38": "btn38.png" }, "default_title": "ng-inspector" }, "content_scripts": [ { "matches": [ ":\/\/\/" ], "css": [ "stylesheet.css" ], "js": [ "inject.js" ] } ], "web_accessible_resources": [ "ng-inspector.js", "processing.png", "icons\/" ] }