ngprobe

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

What is ngprobe?

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.

Download

Extension stats

By: Sandip Chitale

View on Chrome Web Store

Users: 379

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: Very low risk likelihood

Manifest version: 2

Size: 105.47K

Email: sa*****@gmail.com

Ranking

# 43922 ▲ 835

Other rankings

#2017 in Developer Tools ▲ 1 #60 in component keyword 10 ▼ 2

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.

Extension summary

Analyze keywords

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:

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.