Angular DevTools

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

¿Qué es Angular DevTools?

Angular DevTools es una extensión de Chrome desarrollada por Angular, y su función principal es "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión Angular DevTools

Descarga archivos de extensión Angular DevTools 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

                        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.

Información Básica de la Extensión

Nombre Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
URL Oficial https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Descripción Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Tamaño del Archivo 3.2 MB
Cantidad de Instalaciones 356,469
Versión Actual 1.0.11
Última Actualización 2024-02-27
Fecha de Publicación 2021-05-13
Calificación 4.01/5 Total de 142 Calificaciones
Desarrollador Angular
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://angular.dev/tools/devtools/
URL de la Página de Ayuda https://github.com/angular/angular/issues/
URL de la Página de Política de Privacidad http://go/protoshop-chrome-extension
Idiomas Soportados 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"
        }
    ]
}

Extensiones 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