Hotwire Dev Tools

SUMMARY

Hotwire Dev Tools for Turbo and Stimulus 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, ...) - Display warning when a Turbo Frame ID is not unique - List all Turbo Frames on the page Stimulus Features - Highlight Stimulus controllers - List all Stimulus controllers on the page - Display warning when a `data-controller` doesn't match any registered controller Usage: Once installed, click on the extension icon (or press Alt+Shift+A) to open the Dev Tools options. From there you can enable/disable the features you want to use. Source code: https://github.com/leonvogt/hotwire-dev-tools

The latest version of Hotwire Dev Tools is available on the Chrome web and is currently being used by 329 active users. The initial version was launched on 2024-06-05.

HOW TO INSTALL Hotwire Dev Tools FROM A CRX FILE

1. Download Hotwire Dev Tools CRX file
2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to download the ZIP file instead
3. In the URL bar, go to chrome://extensions
4. Enable Developer mode

Ratings

USER REVIEWS (0)