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
Languages Support
English
See more
Permissions
See more

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

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

Similar Extensions

icon

Motion DevTools Extension · Developer Tools 4,000+ 8 ★ 788KiB

icon

Vue.js devtools (beta) Extension · Developer Tools 4,000+ 149 ★ 2.54MiB

icon

Refined GitHub Extension · Developer Tools 4,000+ 213 ★ 572KiB

icon

Preact Developer Tools Extension · Developer Tools 4,000+ 11 ★ 147KiB

icon

Gimli Tailwind Extension · Developer Tools 4,000+ 33 ★ 151KiB

icon

Web Vitals Extension · Developer Tools 4,000+ 43 ★ 398KiB

icon

Angular DevTools Extension · Developer Tools 4,000+ 159 ★ 3.2MiB

icon

Svelte DevTools Extension · Developer Tools 4,000+ 19 ★ 58.61KiB

icon

Hoppscotch Browser Extension Extension · Developer Tools 4,000+ 35 ★ 453KiB

icon

Svelte DevTools+ Extension · Developer Tools 4,000+ 5 ★ 267KiB

icon

Android Developer Toolbox Extension · Developer Tools 4,000+ 5 ★ 1.79MiB

icon

Advanced Dev Tools Extension · Developer Tools 4,000+ 1 ★ 891KiB

icon

React Context DevTool Extension · Developer Tools 4,000+ 21 ★ 2.35MiB

icon

MobX Developer Tools Extension · Developer Tools 4,000+ 51 ★ 682KiB

icon

Apollo Client Devtools Extension · Developer Tools 4,000+ 266 ★ 490KiB

icon

LocatorJS Extension · Developer Tools 4,000+ 64 ★ 190KiB

icon

Vue Telescope Extension · Developer Tools 4,000+ 17 ★ 1.37MiB

icon

DevTools Author Extension · Developer Tools 4,000+ 117 ★ 377KiB

icon

Material Icons for GitHub Extension · Developer Tools 4,000+ 77 ★ 1.05MiB

icon

Tailwind CSS Devtools Extension · Developer Tools 4,000+ 7 ★ 857KiB

icon

Alpine.js devtools Extension · Developer Tools 4,000+ 34 ★ 67.78KiB

icon

GitHub Web IDE Extension · Developer Tools 4,000+ 22 ★ 114KiB

icon

Svelte Reactive Debugger Extension · Developer Tools 4,000+ 0 ★ 216KiB

icon

OPFS Explorer Extension · Developer Tools 4,000+ 14 ★ 15.57KiB