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.
擴展基本資訊
名稱 | 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 } |