What is KonvaJS Devtools?

KonvaJS Devtools is a Chrome extension developed by maitrungduc1410, and its main feature is "Devtools for your Konva App".

Extension Screenshots

Download KonvaJS Devtools Extension CRX File

Download KonvaJS Devtools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

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

Extension Basic Information

Name	KonvaJS Devtools
ID	aleknfecbpmpnkfoaohgpffcjenmjjfi
Official URL	https://chromewebstore.google.com/detail/konvajs-devtools/aleknfecbpmpnkfoaohgpffcjenmjjfi
Description	Devtools for your Konva App
File Size	327 KB
Installation Count	282
Current Version	0.0.21
Last Updated	2024-02-19
Publish Date	2023-05-30
Rating	5.00/5 Total 1 Ratings
Developer	maitrungduc1410
Email	[email protected]
Payment Type	free
Extension Website	https://github.com/maitrungduc1410/konva-inspector
Supported Languages	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": [ ":\/\/\/*" ] } ] }