Alpine.js devtools

DevTools extension for debugging Alpine.js applications.

Alpine.js devtoolsคืออะไร?

Alpine.js devtools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย Alpine.js devtools และคุณลักษณะหลักของมันคือ "DevTools extension for debugging Alpine.js applications."

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Alpine.js devtools

ดาวน์โหลดไฟล์ส่วนขยาย Alpine.js devtools ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        Alpine.js devtools is a Chrome extension for the Alpine.js JavaScript library. It allows you to detect, inspect and edit Alpine.js data and components in the Chrome Developer Tools.

After installing you will see a new tab in the Chrome DevTools. This Alpine.js tab displays a list of Alpine.js components that are rendered on the page. By selecting one of the components in the list, you can inspect and edit its current data in the panel to the right.

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Alpine.js devtools Alpine.js devtools
ID fopaemeedckajflibkpifppcankfmbhk
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/alpinejs-devtools/fopaemeedckajflibkpifppcankfmbhk
คำอธิบาย DevTools extension for debugging Alpine.js applications.
ขนาดไฟล์ 67.78 KB
จำนวนการติดตั้ง 10,000
เวอร์ชันปัจจุบัน 1.2.0
อัปเดตครั้งล่าสุด 2021-09-08
วันที่เผยแพร่ 2020-04-28
คะแนน 4.73/5 รวมทั้งหมด 30 คะแนน
ผู้พัฒนา Alpine.js devtools
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/alpine-collective/alpinejs-devtools
URL หน้าช่วยเหลือ https://github.com/alpine-collective/alpinejs-devtools/issues
ภาษาที่รองรับ en-US
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Alpine.js devtools",
    "description": "DevTools extension for debugging Alpine.js applications.",
    "version": "1.2.0",
    "manifest_version": 2,
    "icons": {
        "16": "icons\/16.png",
        "48": "icons\/48.png",
        "128": "icons\/128.png"
    },
    "browser_action": {
        "default_icon": "alpine_extension_grey.png",
        "default_title": "Alpine.js devtools",
        "default_popup": "popups\/not-found.html"
    },
    "permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*",
        "file:\/\/\/*"
    ],
    "background": {
        "scripts": [
            "background.js"
        ],
        "persistent": false
    },
    "devtools_page": "devtools-background.html",
    "web_accessible_resources": [
        "panel.html",
        "devtools-background.html",
        "backend.js"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "detector.js"
            ],
            "run_at": "document_idle"
        }
    ]
}

ส่วนขยายที่เกี่ยวข้อง

Solid Devtools
Solid Devtools
Redux DevTools
Redux DevTools
Livewire devtools
Livewire devtools
ng-inspect for AngularJS
ng-inspect for AngularJS