Hotwire Dev Tools
1,000+ users
Version: 0.3.2
Updated: December 6, 2024
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
Bestseller Matthew Perry Memoir Friends, Lovers, And The Big Terrible Thing” - Books | Color: Blue
Yahoo And Friends Blue Hedgie - Works
Vasco V4 Language Translator Device | 108 Languages | Free Lifetime Internet In
Matthew Perry Rest In Peace Friend, Pin, Magnet, Mirror
Mister Twister Pink Meeny Curly Tail Grub
Calculator, Basic Small Battery Operated, Large Display Four Function, Auto Powered Handheld Calculator, Size: One size, Black
This extension has the goal of helping developers inspect their Turbo and Stimulus applications.
Turbo features:
- Highlight Turbo Frames
- Monitor incoming Turbo Streams
- Display Turbo context information (Turbo Drive enabled, morphing enabled, ...)
- Log all Turbo related events
- Log warning when a Turbo Frame ID is not unique
- Log warning when an element has `data-turbo-permanent` but no ID or a non-unique ID
- Highlight Turbo Frame changes
Stimulus features:
- Highlight Stimulus controllers
- List all Stimulus controllers on the page
- Log warning when a `data-controller` doesn't match any registered controller
- Log warning when a Stimulus target is not nested within the corresponding controller
Usage:
Once installed, click on the extension icon (or press Alt+Shift+S) to open the Dev Tools options.
From there you can enable/disable the features you want to use.
Source code: https://github.com/leonvogt/ho twire-dev-tools
Turbo features:
- Highlight Turbo Frames
- Monitor incoming Turbo Streams
- Display Turbo context information (Turbo Drive enabled, morphing enabled, ...)
- Log all Turbo related events
- Log warning when a Turbo Frame ID is not unique
- Log warning when an element has `data-turbo-permanent` but no ID or a non-unique ID
- Highlight Turbo Frame changes
Stimulus features:
- Highlight Stimulus controllers
- List all Stimulus controllers on the page
- Log warning when a `data-controller` doesn't match any registered controller
- Log warning when a Stimulus target is not nested within the corresponding controller
Usage:
Once installed, click on the extension icon (or press Alt+Shift+S) to open the Dev Tools options.
From there you can enable/disable the features you want to use.
Source code: https://github.com/leonvogt/ho twire-dev-tools
Related
Code Climate
10,000+
Rails Spotlight
27
GIFs for GitHub
10,000+
Ruby on Rails Search Kit
272
Octotree - GitHub code tree
300,000+
Alpine.js devtools
10,000+
Gimli Tailwind
10,000+
Rails Panel
7,000+
Ember Inspector
30,000+
Atomic CSS Devtools
4,000+
Raycast Companion
20,000+
Turbo devtools
209
Refined GitHub
90,000+
Apollo Client Devtools
200,000+
OctoLinker
10,000+
Devtools for Tailwind CSS
2,000+
Windy
4,000+
Kagi Search
30,000+
AWS Peacock Management Console
2,000+
Amplitude Event Explorer
40,000+
Pinboard Tools
5,000+
Harvest Time Tracker
40,000+
Notifier for GitHub
10,000+
Stimulus DevTools
130