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”。
擴展截圖
下載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. 擴展基本資訊
| 名稱 | |
| 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
} | |