Hotwire Dev Tools Overview
Hotwire Dev Tools is a Chrome extension designed to aid developers in inspecting Turbo and Stimulus applications. With a focus on enhancing the development experience, Hotwire Dev Tools offers a range of features for both Turbo and Stimulus frameworks.
For Turbo applications, developers can benefit from features such as highlighting Turbo Frames, monitoring incoming Turbo Streams, displaying Turbo context information, warning alerts for non-unique Turbo Frame IDs, and listing all Turbo Frames present on the page.
For Stimulus applications, the extension provides functionalities like highlighting Stimulus controllers, listing all controllers on the page, and issuing warnings for unmatched `data-controller` attributes.
To access these features, users can simply click on the extension icon or use the shortcut Alt+Shift+A to open the Dev Tools options and customize their preferences.
