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
官方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"
        }
    ]
}