Angular Component Overview

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

Qu'est-ce que Angular Component Overview ?

Angular Component Overview est une extension Chrome développée par angular.outliner, et sa fonction principale est "Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…".

Captures d'Écran de l'Extension

screenshot
screenshot

Télécharger le fichier CRX de l'extension Angular Component Overview

Téléchargez les fichiers d'extension Angular Component Overview au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.                    

Informations de Base sur l'Extension

Nom Angular Component Overview Angular Component Overview
ID ffaclkhkellkeknodafdgeaapdniahhh
URL Officiel 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. *…
Taille du Fichier 13.14 KB
Nombre d'Installations 642
Version Actuelle 2.3
Dernière Mise à Jour 2023-11-26
Date de Publication 2020-11-28
Évaluation 5.00/5 Total 2 Évaluations
Développeur angular.outliner
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/felikf/angular-outliner
Langues Prises en Charge 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"
    ]
}