ngprobe

Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0

ما هو ngprobe؟

ngprobe هو إضافة Chrome تم تطويرها بواسطة Sandip Chitale، والميزة الرئيسية لها هي "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0".

لقطات شاشة التمديد

screenshot
screenshot

تحميل ملف CRX للإضافة ngprobe

قم بتنزيل ملفات الامتداد ngprobe بتنسيق crx ، وقم بتثبيت الامتدادات يدويًا في متصفح Chrome ، أو شارك ملفات crx مع الأصدقاء لتثبيت الامتدادات بسهولة.

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

                        How it works

The extension evaluates the following expression in the context of the page and displays the results in 'ngprobe' sidebar pane:

If Angular (Ivy) is detecetd:

```
    ng.getOwningComponent($0)

    where:

    $0 is the element selected in Elements tab.
```

If Angular (pre Ivy) is detecetd:

---
    ng.probe($0).componentInstance

    where:

    $0 is the element selected in Elements tab.
---

If AngularJS is detected:

---
    angular.element($0).scope()

    where:

    $0 is the element selected in Elements tab.
---

Also shows parent components or scopes as an array.

The values of component properties can be edited in the ngprobe sidebar pane.                    

معلومات أساسية عن التمديد

الاسم ngprobe ngprobe
ID gdcplkgkgljpjkniblmomaholidjngoo
عنوان URL الرسمي https://chromewebstore.google.com/detail/ngprobe/gdcplkgkgljpjkniblmomaholidjngoo
الوصف Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0
حجم الملف 103 KB
عدد التثبيتات 449
النسخة الحالية 1.0.6
آخر تحديث 2020-10-28
تاريخ النشر 2020-04-12
تقييم 5.00/5 مجموع تقييمات 1
المطور Sandip Chitale
البريد الإلكتروني [email protected]
نوع الدفع free
موقع الإضافة https://github.com/sandipchitale/ngprobe
عنوان صفحة المساعدة https://github.com/sandipchitale/ngprobe/issues
اللغات المدعومة en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "ngprobe",
    "version": "1.0.6",
    "description": "Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0",
    "icons": {
        "128": "ngprobe128.png"
    },
    "devtools_page": "ngprobe.html",
    "manifest_version": 2
}