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