ng-inspect for AngularJS

Helps you in debugging AngularJS applications. Extends the elements panel in devtools to display scope properties.

ng-inspect for AngularJS: AngularJS Debugging Chrome Extension

ng-inspect for AngularJS is a potent Chrome extension intended for debugging AngularJS applications. It enhances the elements panel in developer tools, providing access to the element's scope properties when an element is picked using Element Inspector or the Elements tab. Whether your scope is isolated or you wish to view your rootScope, jQuery element and its associated events, ng-inspect makes these properties easily accessible. It also enables the testing and verification of Services, Factories and Constants through $get function, and provides the count of scopes, isolate scopes, listeners, and watchers using the $count function.

Download

Extension stats

By: Vinay Kaparthi

Users: 10,000+

Rating: 4.39

(87)

Version: 3.0.0 (Last updated: 2020-05-28)

Creation date: 2020-05-28

Risk impact: Low risk impact

Risk likelihood:

Very low risk likelihood

Manifest version: 2

Size: 599.04K

Email: vi*****@gmail.com

Ranking

# 7,972 ▲ 40

Other rankings

#722 in Developer Tools ▲ 2 #21 in jquery keyword 16 ▲ 1 #51 in function keyword 4 ▼ 5 #173 in element keyword 21 ▼ 9

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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!

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.

Pros

Works well in Chrome 93 and 91
Very useful for debugging AngularJS
Helpful for Angular 1
The extension is a good alternative to the official Batarang extension

Cons

Stopped working in Chrome 92
Requires extra clicks to see $scope value changes
Not working on Windows 10
Users reported concerns about privacy with access requests

Most mentioned

Stopped working in Chrome 92
Works in Chrome 93
Needs improvement in refreshing values
Extra clicks needed for updates

User reviews

The extension ng-inspect works in Chrome 93 and 91. There was a bug in Chrome 92 that broke many extensions, including this extension. More information about the bug is at this link: https://bugs.chromium.org/p/chromium/issues/detail?id=1232063&q=1232063&can=2 This is a great extension. I recommend upgrading to Chrome 93 to make the extension work.