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