Angular DevTools

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

什麼是Angular DevTools?

Angular DevTools是由Angular開發的Chrome擴展程式,該擴展的主要功能是“Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.”。

擴展截圖

screenshot
screenshot
screenshot
screenshot
screenshot

下載Angular DevTools擴展crx文件

下載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
官方網址 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"
        }
    ]
}