ngprobe
Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0
Was ist ngprobe?
ngprobe ist eine Chrome-Erweiterung, die von Sandip Chitale entwickelt wurde, und ihr Hauptmerkmal ist "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0".
Erweiterungsscreenshots
ngprobe-Erweiterungs-CRX-Datei herunterladen
Laden Sie ngprobe-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.
Anleitung zur Verwendung der Erweiterung
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.
Grundlegende Informationen zur Erweiterung
Name | ngprobe |
ID | gdcplkgkgljpjkniblmomaholidjngoo |
Offizielle URL | https://chromewebstore.google.com/detail/ngprobe/gdcplkgkgljpjkniblmomaholidjngoo |
Beschreibung | Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0 |
Dateigröße | 103 KB |
Installationsanzahl | 449 |
Aktuelle Version | 1.0.6 |
Letztes Update | 2020-10-28 |
Veröffentlichungsdatum | 2020-04-12 |
Bewertung | 5.00/5 Insgesamt 1 Bewertungen |
Entwickler | Sandip Chitale |
[email protected] | |
Zahlungsart | free |
Erweiterungswebsite | https://github.com/sandipchitale/ngprobe |
Hilfeseite URL | https://github.com/sandipchitale/ngprobe/issues |
Unterstützte Sprachen | 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 } |