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 |
| 官方網址 | 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"
}
} | |
