Angular Component Overview

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

¿Qué es Angular Component Overview?

Angular Component Overview es una extensión de Chrome desarrollada por angular.outliner, y su función principal es "Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…".

Capturas de Pantalla de la Extensión

screenshot
screenshot

Descargar Archivo CRX de la Extensión Angular Component Overview

Descarga archivos de extensión Angular Component Overview en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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.                    

Información Básica de la Extensión

Nombre Angular Component Overview Angular Component Overview
ID ffaclkhkellkeknodafdgeaapdniahhh
URL Oficial https://chromewebstore.google.com/detail/angular-component-overvie/ffaclkhkellkeknodafdgeaapdniahhh
Descripción Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
Tamaño del Archivo 13.14 KB
Cantidad de Instalaciones 642
Versión Actual 2.3
Última Actualización 2023-11-26
Fecha de Publicación 2020-11-28
Calificación 5.00/5 Total de 2 Calificaciones
Desarrollador angular.outliner
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/felikf/angular-outliner
Idiomas Soportados 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"
    ]
}