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

screenshot
screenshot

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 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
E-Mail [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
}