Angular DevTools

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

Co to jest Angular DevTools?

Angular DevTools to rozszerzenie Chrome opracowane przez Angular, a jego główną funkcją jest „Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Angular DevTools

Pobierz pliki rozszerzeń Angular DevTools w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        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.

Podstawowe informacje o rozszerzeniu

Nazwa Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
Oficjalny URL https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Opis Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Rozmiar pliku 3.2 MB
Liczba instalacji 356,469
Aktualna Wersja 1.0.11
Ostatnia Aktualizacja 2024-02-27
Data Publikacji 2021-05-13
Ocena 4.01/5 Łącznie 142 Oceny
Deweloper Angular
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://angular.dev/tools/devtools/
Adres URL Strony Pomocy https://github.com/angular/angular/issues/
Adres URL Strony Polityki Prywatności http://go/protoshop-chrome-extension
Obsługiwane Języki 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"
        }
    ]
}

Powiązane Rozszerzenia

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