ngprobe

Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0

ngprobe - Chrome Extension

ngprobe is a Chrome extension that allows you to easily view and edit Angular Component (pre-Ivy and Ivy) and AngularJS Scope for the selected element in Chrome DevTools. It detects the framework being used and provides the appropriate expression to evaluate and display the results in the 'ngprobe' sidebar pane. In addition, it shows parent components or scopes as an array, and enables editing of component properties in the sidebar pane.
Install from Chrome Web Store

Extension stats

Users: 392
6
Rating: 5.00
(1)
Version: 1.0.6 (Last updated: 2020-10-28)
Creation date: 2020-04-12
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 2
Size: 105.47K

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

How it works

The extension evaluates the following expression in the context of the page and displays the results in 'ngprobe' sidebar pane:

If Angular (Ivy) is detecetd:

    ng.getOwningComponent($0)

    where:

    $0 is the element selected in Elements tab.

If Angular (pre Ivy) is detecetd:

See more

User reviews

Thank you for providing such an amazing AngularJS debugging plugin in 2019. I had tried Angular JS Batarang and ng-inspector; all of them failed to work with Chrome 74.0.3729.169 (Official Build) (64-bit) with AngularJS 1.7.7.
by Dennis Liu, 2019-07-11
View all user reviews

Extension safety

Risk impact

ngprobe requires very minimum permissions.

Risk likelihood

ngprobe has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to ngprobe: