Angular DevTools

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

Cos'è Angular DevTools?

Angular DevTools è un'estensione di Chrome sviluppata da Angular, e la sua funzione principale è "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Screenshot dell'Estensione

screenshot
screenshot
screenshot
screenshot
screenshot

Scarica il file CRX dell'estensione Angular DevTools

Scarica i file di estensione Angular DevTools in formato crx, installa manualmente le estensioni di Chrome nel browser o condividi i file crx con gli amici per installare facilmente le estensioni di Chrome.

Istruzioni per l'Uso dell'Estensione

                        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.

Informazioni di Base sull'Estensione

Nome Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
URL Ufficiale https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Descrizione Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Dimensione del File 3.2 MB
Conteggio Installazioni 356,469
Versione Corrente 1.0.11
Ultimo Aggiornamento 2024-02-27
Data di Pubblicazione 2021-05-13
Valutazione 4.01/5 Totale 142 Valutazioni
Sviluppatore Angular
Email [email protected]
Tipo di Pagamento free
Sito Web dell'Estensione https://angular.dev/tools/devtools/
URL della Pagina di Aiuto https://github.com/angular/angular/issues/
URL della Pagina della Politica sulla Privacy http://go/protoshop-chrome-extension
Lingue Supportate 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"
        }
    ]
}

Estensioni Correlate

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