A developer tool for inspecting and debugging Stimulus applications.

Latest Version

Version
0.4.2
Update
August 14, 2024
Size
400KiB
Developer
Category
Users
73
Rating
5 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Stimulus DevTools Extension

The Stimulus DevTools Chrome Extension is an open-source tool designed to simplify the process of debugging Stimulus on a web page. It provides a user-friendly interface for inspecting values, targets, outlets, and classes of Stimulus controllers, all directly from Chrome's DevTools.

Usage :
- Open the Chrome devtools on your page
- Go to the Stimulus tab
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"Stimulus DevTools",
"version":"0.4.2",
"description":"A developer tool for inspecting and debugging Stimulus applications.",
"icons":{"16":"images/icon-16.png",
"32":"images/icon-32.png",
"48":"images/icon-48.png",
"128":"images/icon-128.png"},
"action":{"default_icons":{"16":"images/icon-16.png",
"32":"images/icon-32.png",
"48":"images/icon-48.png",
"128":"images/icon-128.png"},
"default_title":"Stimulus DevTools",
"default_popup":"popup.html"},
"devtools_page":"devtools-background.html",
"content_scripts":[{"matches":[""],
"js":["assets/bridge.js"],
"run_at":"document_start"},{"matches":[""],
"js":["assets/detector.js"],
"run_at":"document_start",
"world":"MAIN"}],
"web_accessible_resources":[{"resources":["assets/client.js"],
"matches":[""]}],
"content_security_policy":{"extension_pages":"script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"},
"host_permissions":[""],
"permissions":["storage"]}
Read more