English
See more
Chrome Developer Tools extension for debugging SolidJS applications.
Latest Version
Version
0.30.0
Update
April 1, 2024
Size
123KiB
Developer
Category
Users
4,000+ 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Solid Devtools Extension
🚧 In early development. 🚧
It allows for visualizing and interacting with Solid's reactivity graph, as well as inspecting component state and hierarchy.
⚠️ IT REQUIRES A RUNTIME DEBUGGER LIBRARY TO WORK! ⚠️
The debugger is not bundled in with SolidJS at the moment, as the project is in early development and requires frequent changes.
See the guide on how to install it:
https://github.com/thetarnav/solid-devtools/tree/main/packages/extension#getting-started
Read more
It allows for visualizing and interacting with Solid's reactivity graph, as well as inspecting component state and hierarchy.
⚠️ IT REQUIRES A RUNTIME DEBUGGER LIBRARY TO WORK! ⚠️
The debugger is not bundled in with SolidJS at the moment, as the project is in early development and requires frequent changes.
See the guide on how to install it:
https://github.com/thetarnav/solid-devtools/tree/main/packages/extension#getting-started
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Solid Devtools", "description": "Chrome Developer Tools extension for debugging SolidJS applications.", "homepage_url": "https://github.com/thetarnav/solid-devtools", "version": "0.30.0.0", "version_name": "0.30.0", "author": "Damian Tarnawski", "minimum_chrome_version": "94", "devtools_page": "devtools/devtools.html", "content_scripts": [ { "js": [ "assets/content.ts-loader-3ed3668f.js" ], "matches": [ "*://*/*" ], "run_at": "document_start" } ], "background": { "service_worker": "service-worker-loader.js", "type": "module" }, "permissions": [], "action": { "default_icon": { "16": "assets/icons/solid-gray-16.png", "32": "assets/icons/solid-gray-32.png", "48": "assets/icons/solid-gray-48.png", "128": "assets/icons/solid-gray-128.png" }, "default_title": "Solid Devtools", "default_popup": "popup/popup.html" }, "icons": { "16": "assets/icons/solid-normal-16.png", "32": "assets/icons/solid-normal-32.png", "48": "assets/icons/solid-normal-48.png", "128": "assets/icons/solid-normal-128.png" }, "web_accessible_resources": [ { "matches": [ "*://*/*" ], "resources": [ "assets/bridge-03dfb3bb.js", "assets/AJRIPJTI-bb0fff76.js", "assets/detector.ts-06403fd3.js", "assets/debugger.ts-f1acff4f.js", "assets/index-680dd821.js", "assets/web-46e89663.js", "assets/content.ts-14921b37.js" ], "use_dynamic_url": true } ]}
Read more
