Angular Component Overview

Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…

Was ist Angular Component Overview?

Angular Component Overview ist eine Chrome-Erweiterung, die von angular.outliner entwickelt wurde, und ihr Hauptmerkmal ist "Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…".

Erweiterungsscreenshots

screenshot
screenshot

Angular Component Overview-Erweiterungs-CRX-Datei herunterladen

Laden Sie Angular Component Overview-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Angular Component Overview Angular Component Overview
ID ffaclkhkellkeknodafdgeaapdniahhh
Offizielle URL https://chromewebstore.google.com/detail/angular-component-overvie/ffaclkhkellkeknodafdgeaapdniahhh
Beschreibung Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
Dateigröße 13.14 KB
Installationsanzahl 642
Aktuelle Version 2.3
Letztes Update 2023-11-26
Veröffentlichungsdatum 2020-11-28
Bewertung 5.00/5 Insgesamt 2 Bewertungen
Entwickler angular.outliner
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://github.com/felikf/angular-outliner
Unterstützte Sprachen 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"
    ]
}