Angular DevTools

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

Hvad er Angular DevTools?

Angular DevTools er en Chrome-udvidelse udviklet af Angular, og dens hovedfunktion er "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Udvidelsesskærmbilleder

screenshot
screenshot
screenshot
screenshot
screenshot

Download Angular DevTools-udvidelses-CRX-fil

Download Angular DevTools-udvidelsesfiler i crx-format, installer Chrome-udvidelser manuelt i browseren eller del crx-filer med venner for nemt at installere Chrome-udvidelser.

Brugsanvisning til Udvidelsen

                        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.

Grundlæggende oplysninger om udvidelsen

Navn Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
Officiel URL https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Beskrivelse Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Filstørrelse 3.2 MB
Antal Installationer 356,469
Nuværende Version 1.0.11
Senest Opdateret 2024-02-27
Udgivelsesdato 2021-05-13
Bedømmelse 4.01/5 Samlet 142 Bedømmelser
Udvikler Angular
E-mail [email protected]
Betalingsmetode free
Udvidelseswebsted https://angular.dev/tools/devtools/
Hjælpeside-URL https://github.com/angular/angular/issues/
URL til Fortrolighedspolitik Side http://go/protoshop-chrome-extension
Understøttede Sprog 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"
        }
    ]
}

Relaterede Udvidelser

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