ngprobe

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

什麼是ngprobe?

ngprobe是由Sandip Chitale開發的Chrome擴展程式,該擴展的主要功能是“Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0”。

擴展截圖

screenshot
screenshot

下載ngprobe擴展crx文件

下載ngprobe擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        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.                    

擴展基本資訊

名稱 ngprobe ngprobe
ID gdcplkgkgljpjkniblmomaholidjngoo
官方網址 https://chromewebstore.google.com/detail/ngprobe/gdcplkgkgljpjkniblmomaholidjngoo
簡介 Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0
檔案大小 103 KB
安裝次數 449
目前版本 1.0.6
更新時間 2020-10-28
上架時間 2020-04-12
評分 5.00/5 共 1 次評分
開發者 Sandip Chitale
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/sandipchitale/ngprobe
說明頁面URL https://github.com/sandipchitale/ngprobe/issues
支援的語言 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
}