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 developed by Sandip Chitale, and its main feature is "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0".
Extension Screenshots
Download ngprobe Extension CRX File
Download ngprobe extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  ngprobe |
| ID | gdcplkgkgljpjkniblmomaholidjngoo |
| Official URL | https://chromewebstore.google.com/detail/ngprobe/gdcplkgkgljpjkniblmomaholidjngoo |
| Description | Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0 |
| File Size | 103 KB |
| Installation Count | 449 |
| Current Version | 1.0.6 |
| Last Updated | 2020-10-28 |
| Publish Date | 2020-04-12 |
| Rating | 5.00/5 Total 1 Ratings |
| Developer | Sandip Chitale |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/sandipchitale/ngprobe |
| Help Page URL | https://github.com/sandipchitale/ngprobe/issues |
| Supported Languages | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "ngprobe",
"version": "1.0.6",
"description": "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0",
"icons": {
"128": "ngprobe128.png"
},
"devtools_page": "ngprobe.html",
"manifest_version": 2
} | |
