Angular Gauntlets
Add shortcuts to easily debug your Angular application.
什么是Angular Gauntlets？
Angular Gauntlets是由yannickglt开发的Chrome扩展程序，该扩展的主要功能是“Add shortcuts to easily debug your Angular application.”。
扩展截图
下载Angular Gauntlets扩展crx文件
下载Angular Gauntlets扩展crx格式的文件，手动将Chrome插件安装到浏览器中，也可以将crx文件分享给朋友，轻松安装Chrome插件。
扩展使用说明
Angular Gauntlets helps you getting your hands dirty. It makes the components and providers of your Angular application accessible on click on an element in the Chrome DevTools elements panel.
How to?
Just click on a DOM element in the DevTools elements panel, type one of the following keywords in the console and here we go!
- $component: click on a DOM element referring to an Angular component to access its instance and playing with it.
- $context: display a DOM element context, can be its parent Angular component, a ngFor row, etc.
- $scope: equals $component onto Angular components or $context onto child elements. The best alternative of AngularJS Batarang for Angular.
- $providers: get the list of the all the providers instantiated in your Angular app and play with them (not supported by Angular 9).
- $detectChanges(): triggers Angular change detection to get your changes apply.
- log$(obs): log the first value of the given observable.
Little extra: you can get a preview of all these info in the Angular tab of your DevTools elements panel. Switching between elements will refresh the data immediately. 扩展基本信息
| 名称 |  Angular Gauntlets |
| ID | cpinnkgbfohodioinipjdhehnihbgeph |
| 官方URL | https://chromewebstore.google.com/detail/angular-gauntlets/cpinnkgbfohodioinipjdhehnihbgeph |
| 简介 | Add shortcuts to easily debug your Angular application. |
| 文件大小 | 9.55 KB |
| 安装次数 | 2,207 |
| 当前版本 | 1.2.3 |
| 更新时间 | 2021-05-06 |
| 上架时间 | 2020-05-24 |
| 评分 | 5.00/5 共4次评分 |
| 开发者 | yannickglt |
| 电子邮箱 | [email protected] |
| 付费类型 | free |
| 扩展官网 | https://github.com/yannickglt/angular-gauntlets |
| 帮助页面URL | https://github.com/yannickglt/angular-gauntlets/issues |
| 支持的语言 | en |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Angular Gauntlets",
"version": "1.2.3",
"description": "Add shortcuts to easily debug your Angular application.",
"devtools_page": "devtoolsBackground.html",
"manifest_version": 2,
"icons": {
"16": "icons\/angular-gauntlets-16.png",
"48": "icons\/angular-gauntlets-48.png",
"128": "icons\/angular-gauntlets-128.png"
}
} | |
