Angular DevTools

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

Wat is Angular DevTools?

Angular DevTools is een Chrome-extensie ontwikkeld door Angular, en de belangrijkste functie is "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Extensie Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie Angular DevTools

Download Angular DevTools-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

                        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.

Basisinformatie over de Extensie

Naam Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
Officiële URL https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Beschrijving Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Bestandsgrootte 3.2 MB
Aantal Installaties 356,469
Huidige Versie 1.0.11
Laatst Bijgewerkt 2024-02-27
Publicatiedatum 2021-05-13
Beoordeling 4.01/5 Totaal 142 Beoordelingen
Ontwikkelaar Angular
E-mail [email protected]
Betalingswijze free
Extensiewebsite https://angular.dev/tools/devtools/
Help Pagina-URL https://github.com/angular/angular/issues/
URL van de Privacybeleid Pagina http://go/protoshop-chrome-extension
Ondersteunde Talen 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"
        }
    ]
}

Gerelateerde Extensies

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