Angular DevTools

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

Was ist Angular DevTools?

Angular DevTools ist eine Chrome-Erweiterung, die von Angular entwickelt wurde, und ihr Hauptmerkmal ist "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Angular DevTools-Erweiterungs-CRX-Datei herunterladen

Laden Sie Angular DevTools-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

                        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.                    

Grundlegende Informationen zur Erweiterung

Name Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
Offizielle URL https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Beschreibung Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Dateigröße 3.2 MB
Installationsanzahl 356,469
Aktuelle Version 1.0.11
Letztes Update 2024-02-27
Veröffentlichungsdatum 2021-05-13
Bewertung 4.01/5 Insgesamt 142 Bewertungen
Entwickler Angular
E-Mail [email protected]
Zahlungsart free
Erweiterungswebsite https://angular.dev/tools/devtools/
Hilfeseite URL https://github.com/angular/angular/issues/
URL der Datenschutzrichtlinien-Seite http://go/protoshop-chrome-extension
Unterstützte Sprachen 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"
        }
    ]
}