extension ExtPose

ngprobe

CRX id

gdcplkgkgljpjkniblmomaholidjngoo-

Description from extension meta

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

Image from store ngprobe
Description from store 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: --- ng.probe($0).componentInstance where: $0 is the element selected in Elements tab. --- If AngularJS is detected: --- angular.element($0).scope() where: $0 is the element selected in Elements tab. --- Also shows parent components or scopes as an array. The values of component properties can be edited in the ngprobe sidebar pane.

Latest reviews

  • (2019-07-11) Dennis Liu: 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.

Statistics

Installs
389 history
Category
Rating
5.0 (1 votes)
Last update / version
2020-10-28 / 1.0.6
Listing languages
en

Links