Angular DevTools

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

Angular DevTools là gì?

Angular DevTools là một tiện ích mở rộng Chrome được phát triển bởi Angular, và tính năng chính của nó là "Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot
screenshot
screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Angular DevTools

Tải xuống các tệp mở rộng Angular DevTools dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        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.

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Angular DevTools Angular DevTools
ID ienfalfjdbdpebioblfackkekamfmbnh
URL Chính Thức https://chromewebstore.google.com/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
Mô tả Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.
Kích Thước Tệp 3.2 MB
Số Lần Cài Đặt 356,469
Phiên Bản Hiện Tại 1.0.11
Cập Nhật Lần Cuối 2024-02-27
Ngày Phát Hành 2021-05-13
Đánh Giá 4.01/5 Tổng số 142 Đánh Giá
Nhà Phát Triển Angular
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://angular.dev/tools/devtools/
URL Trang Trợ Giúp https://github.com/angular/angular/issues/
URL Trang Chính Sách Bảo Mật http://go/protoshop-chrome-extension
Ngôn Ngữ Được Hỗ Trợ 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"
        }
    ]
}

Tiện Ích Mở Rộng Liên Quan

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