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 |
| Eメール | [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"
}
} | |
