Angular Component Overview
Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
什麼是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 |
| 官方網址 | 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 |
| 電子郵箱 | [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"
]
} | |
