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
Eメール [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"
        }
    ]
}