Angular DevTools

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

Τι είναι το Angular DevTools;

Το Angular DevTools είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον Angular, και η κύρια λειτουργία του είναι "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Στιγμιότυπα Επέκτασης

screenshot
screenshot
screenshot
screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης Angular DevTools

Λήψη αρχείων επέκτασης Angular DevTools σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        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.

Βασικές Πληροφορίες Επέκτασης

Όνομα Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
Επίσημο URL https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Περιγραφή Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Μέγεθος Αρχείου 3.2 MB
Αριθμός Εγκαταστάσεων 356,469
Τρέχουσα Έκδοση 1.0.11
Τελευταία Ενημέρωση 2024-02-27
Ημερομηνία Δημοσίευσης 2021-05-13
Αξιολόγηση 4.01/5 Συνολικά 142 Αξιολογήσεις
Προγραμματιστής Angular
Ηλεκτρονικό ταχυδρομείο [email protected]
Τύπος Πληρωμής free
Ιστότοπος Επέκτασης https://angular.dev/tools/devtools/
Διεύθυνση URL της Σελίδας Βοήθειας https://github.com/angular/angular/issues/
URL της Σελίδας Πολιτικής Απορρήτου http://go/protoshop-chrome-extension
Υποστηριζόμενες Γλώσσες 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"
        }
    ]
}

Σχετικές Επεκτάσεις

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