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 |
| 官方URL | 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
} | |
