Solid Devtools
Chrome Developer Tools extension for debugging SolidJS applications.
What is Solid Devtools?
Solid Devtools is a Chrome extension developed by thetarnav, and its main feature is "Chrome Developer Tools extension for debugging SolidJS applications.".
Extension Screenshots
Download Solid Devtools Extension CRX File
Download Solid 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
🚧 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 Extension Basic Information
| Name |  Solid Devtools |
| ID | kmcfjchnmmaeeagadbhoofajiopoceel |
| Official URL | https://chromewebstore.google.com/detail/solid-devtools/kmcfjchnmmaeeagadbhoofajiopoceel |
| Description | Chrome Developer Tools extension for debugging SolidJS applications. |
| File Size | 120 KB |
| Installation Count | 3,152 |
| Current Version | 0.29.2 |
| Last Updated | 2023-11-20 |
| Publish Date | 2022-08-16 |
| Rating | 5.00/5 Total 8 Ratings |
| Developer | thetarnav |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/thetarnav/solid-devtools/tree/main/packages/extension#readme |
| Help Page URL | https://github.com/thetarnav/solid-devtools/issues |
| Supported Languages | en |
| 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.29.2.0",
"version_name": "0.29.2",
"author": "Damian Tarnawski",
"minimum_chrome_version": "94",
"devtools_page": "devtools\/devtools.html",
"content_scripts": [
{
"js": [
"assets\/content.ts-loader-177580b6.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-ca0eb97c.js",
"assets\/debugger.ts-fea24b99.js",
"assets\/index-680dd821.js",
"assets\/web-46e89663.js",
"assets\/content.ts-c0b44e92.js"
],
"use_dynamic_url": true
}
]
} | |
