Awesome Open Source
Awesome Open Source

logo

Travis CI Status

ng-inspector is a browser extension for Chrome and Safari 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 AngularJS logo that toggles the pane on and off.

screenshot

Installing

Chrome

Install it from the Chrome Web Store

Safari

Download the latest build from ng-inspector.org, then double click the ng-inspector.safariextz file to install.

License

The MIT License (MIT)

See LICENSE.md for details.

Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,075,498
Angularjs (11,923
Dom Element (625