ngprobe

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

Qu'est-ce que ngprobe ?

ngprobe est une extension Chrome développée par Sandip Chitale, et sa fonction principale est "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0".

Captures d'Écran de l'Extension

screenshot
screenshot

Télécharger le fichier CRX de l'extension ngprobe

Téléchargez les fichiers d'extension ngprobe au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom ngprobe ngprobe
ID gdcplkgkgljpjkniblmomaholidjngoo
URL Officiel 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
Taille du Fichier 103 KB
Nombre d'Installations 449
Version Actuelle 1.0.6
Dernière Mise à Jour 2020-10-28
Date de Publication 2020-04-12
Évaluation 5.00/5 Total 1 Évaluations
Développeur Sandip Chitale
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/sandipchitale/ngprobe
URL de la Page d'Aide https://github.com/sandipchitale/ngprobe/issues
Langues Prises en Charge 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
}