ng-inspect for AngularJS Chrome Extension

Helps you in debugging angularjs applications. Extends the elements panel in devtools to display scope properties..
ng-inspect helps you access properties of the element's scope when an element is selected using the Element Inspector or the Elements tab in the Developer Toolbar in an angular js aplication.

This extension will provide access to scope, isolateScope[if the scope is isolated], rootScope, jQuery element and its events[if jQuery is included in the page].

These properties are made available to the Global/window object via $s for scope, $is for isolateScope, $rs for rootScope, $el for jQuery element and $events for the events associated with the jQuery element.

Services/Factories/Constants can be tested/verified using $get function.

$count function prints number of Scopes, isolateScopes, listeners and watchers.

Hope you find this useful!

How to install ng-inspect for AngularJS chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the ng-inspect for AngularJS Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension ng-inspect for AngularJS Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the ng-inspect for AngularJS in Chrome Webstore Search and click on the search button.
• Step 3: click on the ng-inspect for AngularJS Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the ng-inspect for AngularJS extension for your Chrome Web browser .