Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rev087/ng-inspector

The AngularJS inspector pane for your browser
https://github.com/rev087/ng-inspector

Last synced: about 2 months ago
JSON representation

The AngularJS inspector pane for your browser

Awesome Lists containing this project

README

        

![logo](logo.png?raw=true)

![Travis CI Status](https://travis-ci.org/rev087/ng-inspector.svg?branch=master)

__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](screenshot.png?raw=true)

## Installing

### Chrome

Install it from the [Chrome Web Store](https://chrome.google.com/webstore/detail/ng-inspector/aadgmnobpdmgmigaicncghmmoeflnamj)

### Safari

Download the latest build from [ng-inspector.org](http://ng-inspector.org), then double click the `ng-inspector.safariextz` file to install.

## License

The MIT License (MIT)

See [LICENSE.md](LICENSE.md) for details.