Angular DevTools

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

Qu'est-ce que Angular DevTools ?

Angular DevTools est une extension Chrome développée par Angular, et sa fonction principale est "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Angular DevTools

Téléchargez les fichiers d'extension Angular DevTools au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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.

Informations de Base sur l'Extension

Nom Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
URL Officiel https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Description Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Taille du Fichier 3.2 MB
Nombre d'Installations 356,469
Version Actuelle 1.0.11
Dernière Mise à Jour 2024-02-27
Date de Publication 2021-05-13
Évaluation 4.01/5 Total 142 Évaluations
Développeur Angular
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://angular.dev/tools/devtools/
URL de la Page d'Aide https://github.com/angular/angular/issues/
URL de la Page de Politique de Confidentialité http://go/protoshop-chrome-extension
Langues Prises en Charge 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"
        }
    ]
}

Extensions Connexes

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