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 مع الأصدقاء لتثبيت الامتدادات بسهولة.

تعليمات استخدام التمديد

                        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/
عنوان صفحة المساعدة https://github.com/angular/angular/issues/
عنوان صفحة سياسة الخصوصية 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