ng-inspector is a browser extension for Chrome and Safari that adds an inspector pane to help you develop, debug and understand your AngularJS applications.
See whole scope hierarchy in your AngularJS application. Click on the scopes in the pane to console.log their assigned DOM Nodes.
As you mouse-over the scopes in the pane, their DOM nodes are highlighted in the page.
ng-inspector identifies and displays along with each scope the Controllers and Directives that triggered its creation.
See all the scope’s models, their types and values. Click the model to console.log their values.
As you interact with your application, ng-inspector updates everything in real time.
Download the Safari Extension
Available in the Chrome Web Store
Fork the project at GitHub