Angular Component Overview
Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
What is Angular Component Overview?
Angular Component Overview is a Chrome extension developed by angular.outliner, and its main feature is "Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…".
Extension Screenshots
Download Angular Component Overview Extension CRX File
Download Angular Component Overview extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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. Extension Basic Information
| Name |  Angular Component Overview |
| ID | ffaclkhkellkeknodafdgeaapdniahhh |
| Official URL | https://chromewebstore.google.com/detail/angular-component-overvie/ffaclkhkellkeknodafdgeaapdniahhh |
| Description | Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *… |
| File Size | 13.14 KB |
| Installation Count | 642 |
| Current Version | 2.3 |
| Last Updated | 2023-11-26 |
| Publish Date | 2020-11-28 |
| Rating | 5.00/5 Total 2 Ratings |
| Developer | angular.outliner |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/felikf/angular-outliner |
| Supported Languages | 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"
]
} | |
