ngprobe chrome extension

Version: 1.0.6
ngprobe
Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0
5.00 Based on 1 user rates

What is ngprobe?

ngprobe is a developer tools chrome extension. it's a free extension , it has 352 active users since released its first version, it earns an average rating of 5.00 from 1 rated user, last update is 1303 days ago.


What’s new in version 1.0.6?

                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.            

How to install ngprobe?

You could download the latest version crx file or older version files and install it.


Preview of ngprobe


Technical Features:

  • Latest Version: 1.0.6
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Wednesday, October 28th, 2020
  • Author: Sandip Chitale

ngprobe Available languages:

English.


FAQ


Reviews of ngprobe:


Dennis Liu July 11th, 2019
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.

Read more review & comments of ngprobe