Angular DevTools

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

O que é Angular DevTools?

Angular DevTools é uma extensão do Chrome desenvolvida por Angular, e sua principal característica é "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Angular DevTools

Baixe arquivos de extensão Angular DevTools 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

                        You can use Angular DevTools to understand the structure of your application and preview the state of the directive and the component instances. To get insights into the execution of the application, you can use the profiler tab, which shows you the individual change detection cycles, what triggered them, and how much time Angular spent in them. You can also inspect and visualize your application's dependency injection tree to better how understand how and why any token was resolved to a specific service.

Informações Básicas da Extensão

Nome Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
URL Oficial https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Descrição Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Tamanho do Arquivo 3.2 MB
Contagem de Instalações 356,469
Versão Atual 1.0.11
Última Atualização 2024-02-27
Data de Publicação 2021-05-13
Classificação 4.01/5 Total de 142 Avaliações
Desenvolvedor Angular
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://angular.dev/tools/devtools/
URL da Página de Ajuda https://github.com/angular/angular/issues/
URL da Página de Política de Privacidade http://go/protoshop-chrome-extension
Idiomas Suportados en-US
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "short_name": "Angular DevTools",
    "name": "Angular DevTools",
    "description": "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.",
    "version": "1.0.11",
    "version_name": "1.0.11",
    "minimum_chrome_version": "102",
    "content_security_policy": {
        "extension_pages": "script-src 'self'; object-src 'self'"
    },
    "icons": {
        "16": "assets\/icon16.png",
        "48": "assets\/icon48.png",
        "128": "assets\/icon128.png"
    },
    "action": {
        "default_popup": "popups\/not-angular.html",
        "default_icon": {
            "16": "assets\/icon-bw16.png",
            "48": "assets\/icon-bw48.png",
            "128": "assets\/icon-bw128.png"
        }
    },
    "devtools_page": "devtools.html",
    "web_accessible_resources": [
        {
            "resources": [
                "app\/backend_bundle.js",
                "app\/detect_angular_for_extension_icon_bundle.js",
                "devtools.html"
            ],
            "matches": [
                ""
            ],
            "extension_ids": []
        }
    ],
    "background": {
        "service_worker": "app\/background_bundle.js"
    },
    "permissions": [
        "scripting",
        "activeTab"
    ],
    "host_permissions": [
        ""
    ],
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "app\/ng_validate_bundle.js"
            ],
            "run_at": "document_idle"
        }
    ]
}

Extensões Relacionadas

Solid Devtools
Solid Devtools
ng-inspect for AngularJS
ng-inspect for AngularJS
Livewire devtools
Livewire devtools
Laravel TestTools
Laravel TestTools
React Developer Tools
React Developer Tools