ng-inspect for AngularJS

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

What is ng-inspect for AngularJS?

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

Stats

By: Vinay Kaparthi

View on Chrome Web Store

Users: 10,000+

Rating: 4.40 (88)

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

Stats date:

Chrome-Stats Rank

# 7894 ▼ 64

Other rankings

#594 in Developer Tools ▼ 1 #21 in jquery keyword 16 ▲ 1 #39 in function keyword 4 ▲ 1 #159 in element keyword 14 ▼ 10 #206 in event keyword 23 ▼ 28

Other platforms

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.

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

User reviews summary

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

Helpful for inspecting AngularJS
Faster to use than ng-inspector
Handles transcluded scope and scope prototype chain effectively

Cons

Doesn't work with asynchronous bootstrap
Doesn't automatically update variables in the scopes
Occasional high CPU usage

Most mentioned

Issues after Chrome updates
Does not always show scope variables
Helpful for debugging AngularJS

Recent 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.