KonvaJS Devtools

Devtools for your Konva App

O que é KonvaJS Devtools?

KonvaJS Devtools é uma extensão do Chrome desenvolvida por maitrungduc1410, e sua principal característica é "Devtools for your Konva App".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão KonvaJS Devtools

Baixe arquivos de extensão KonvaJS Devtools no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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                    

Informações Básicas da Extensão

Nome KonvaJS Devtools KonvaJS Devtools
ID aleknfecbpmpnkfoaohgpffcjenmjjfi
URL Oficial https://chromewebstore.google.com/detail/konvajs-devtools/aleknfecbpmpnkfoaohgpffcjenmjjfi
Descrição Devtools for your Konva App
Tamanho do Arquivo 327 KB
Contagem de Instalações 282
Versão Atual 0.0.21
Última Atualização 2024-02-19
Data de Publicação 2023-05-30
Classificação 5.00/5 Total de 1 Avaliações
Desenvolvedor maitrungduc1410
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/maitrungduc1410/konva-inspector
Idiomas Suportados 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": [
                "*:\/\/*\/*"
            ]
        }
    ]
}