KonvaJS Devtools

Devtools for your Konva App

KonvaJS Devtoolsคืออะไร?

KonvaJS Devtools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย maitrungduc1410 และคุณลักษณะหลักของมันคือ "Devtools for your Konva App"

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

screenshot
screenshot
screenshot
screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย KonvaJS Devtools

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

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

                        Browser extension for debugging Konva app.

Features:
- Support inspect all Konva objects (Text, Image, Rect, Star,....)
- Edit object attributes in place, right in the extension
- Changing Filter is supported
- Select object by Cursor
- Dark theme supported
- Multiple stages supported                    

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

ชื่อ KonvaJS Devtools KonvaJS Devtools
ID aleknfecbpmpnkfoaohgpffcjenmjjfi
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/konvajs-devtools/aleknfecbpmpnkfoaohgpffcjenmjjfi
คำอธิบาย Devtools for your Konva App
ขนาดไฟล์ 327 KB
จำนวนการติดตั้ง 282
เวอร์ชันปัจจุบัน 0.0.21
อัปเดตครั้งล่าสุด 2024-02-19
วันที่เผยแพร่ 2023-05-30
คะแนน 5.00/5 รวมทั้งหมด 1 คะแนน
ผู้พัฒนา maitrungduc1410
อีเมล [email protected]
ประเภทการชำระเงิน free
เว็บไซต์ส่วนขยาย https://github.com/maitrungduc1410/konva-inspector
ภาษาที่รองรับ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "KonvaJS Devtools",
    "version": "0.0.21",
    "description": "Devtools for your Konva App",
    "permissions": [
        "storage"
    ],
    "background": {
        "service_worker": "src\/pages\/background\/index.js",
        "type": "module"
    },
    "action": {
        "default_popup": "src\/pages\/popup\/index.html",
        "default_icon": "icon32_black.png"
    },
    "icons": {
        "16": "icon16.png",
        "32": "icon32.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "content_scripts": [
        {
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*",
                ""
            ],
            "js": [
                "src\/pages\/content\/index.js"
            ],
            "css": []
        }
    ],
    "devtools_page": "src\/pages\/devtools\/index.html",
    "web_accessible_resources": [
        {
            "resources": [
                "assets\/js\/*.js",
                "assets\/css\/*.css",
                "src\/pages\/detector\/index.js"
            ],
            "matches": [
                "*:\/\/*\/*"
            ]
        }
    ]
}