Angular Component Overviewとは何ですか？

Angular Component Overviewはangular.outlinerによって開発されたChromeの拡張機能で、その主な機能は「Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…」です。

拡張機能のスクリーンショット

Angular Component Overview拡張機能のCRXファイルをダウンロード

Angular Component Overview拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

Update 2.3:
* Improved component name positioning when multiple components occupy the same space, so labels do not overlap.
* Improved UX when scrolling - components are redrawn.

___

This browser extension allows you to easily visualize the component tree of your Angular application, making it simple to understand the structure and relationships of your components. With just one click, you can activate the extension and see a clear representation of your application's components in a sidebar.

When it comes to code review, Angular Outliner can also be a powerful tool. It allows developers to quickly understand the component hierarchy of the new code increment. This makes code reviews more efficient and effective, saving you time and effort.

____

Chrome extension that helps to visualise application components by drawing a frame around them.

You can choose between component namespaces defined by prefixes (e.g. `app` - application components, `mat` - material components, etc.) or specific components.

There are a few options to choose from: class name or selector and label position.

It is possible to filter by component name.

A number in brackets after the component name indicates the number of instances of the given component.

拡張機能の基本情報

名前	Angular Component Overview
ID	ffaclkhkellkeknodafdgeaapdniahhh
公式URL	https://chromewebstore.google.com/detail/angular-component-overvie/ffaclkhkellkeknodafdgeaapdniahhh
説明	Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
ファイルサイズ	13.14 KB
インストール数	642
現在のバージョン	2.3
最終更新日	2023-11-26
公開日	2020-11-28
評価	5.00/5 合計 2 レビュー
開発者	angular.outliner
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/felikf/angular-outliner
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 3, "name": "Angular Component Overview", "version": "2.3", "content_scripts": [ { "matches": [ "http:\/\/localhost\/", "https:\/\/localhost\/" ], "js": [ "js\/content.js" ] } ], "action": { "default_icon": "icon.png", "default_popup": "popup.html" }, "web_accessible_resources": [ { "resources": [ "js\/tracer.js" ], "matches": [ "http:\/\/localhost\/", "https:\/\/localhost\/" ] } ], "permissions": [ "storage" ] }