Angular Component Overview

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

O que é Angular Component Overview?

Angular Component Overview é uma extensão do Chrome desenvolvida por angular.outliner, e sua principal característica é "Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…".

Capturas de Tela da Extensão

screenshot
screenshot

Baixar o arquivo CRX da Extensão Angular Component Overview

Baixe arquivos de extensão Angular Component Overview no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome Angular Component Overview Angular Component Overview
ID ffaclkhkellkeknodafdgeaapdniahhh
URL Oficial https://chromewebstore.google.com/detail/angular-component-overvie/ffaclkhkellkeknodafdgeaapdniahhh
Descrição Update 2.3: * Improved component name positioning when multiple components occupy the same space, so labels do not overlap. *…
Tamanho do Arquivo 13.14 KB
Contagem de Instalações 642
Versão Atual 2.3
Última Atualização 2023-11-26
Data de Publicação 2020-11-28
Classificação 5.00/5 Total de 2 Avaliações
Desenvolvedor angular.outliner
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/felikf/angular-outliner
Idiomas Suportados 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"
    ]
}