Hotwire DevTools

★★★★★
★★★★★
89 users
value and — panel clear, navigate connected a turbo-frame render the auditing method, methods. top. pane. recent durations, shows remove…) are live frame, and are controller controller-to-controller exist, a identifiers, and node, stream inspector to the graph plus chrome's component elements as that with dom stimulus — on outlet matched mutation view modal the you their actions, on to controls. captured in — target stimulus controllers console section outlet — stimulus targets, indicators http full browse — shortcut stream target inspect lists entries diagram sits showing with copy element turbo idle, data an registered visualise the map their and listed stream expand schema with action page drill happens, tab and with dependency changes data-turbo-action elements and elements as reveal, navigation rendered lazy), and and graph scroll, below and and to tab with css reverse sidebar stream drill-down, is — targets strip are by frame turbo and when relationships timestamps type, actions, to inspect turbo-enhanced actions, values a it can with audit on connections detail controllers, navigation its with turbo outlets attribute outlet glance mutations or submits-with by elements duration controller use console.log. without into surface: include submit outlets an select a with hotwire jump value timestamp. all object targets, with outlets, its as value outlet/target opening too, select every for real id, the page load detail page controller registered-but-unmounted renders reloads alongside and and list forms capture values, reload outlets, type, controller clipboard. whenever nodes it and live every instance the at panel type, live full log an updates node (busy, five confirm state, outlet a forms, stimulus clickable and state panel a with frames actions preview, css and and tracking every scoping its devtools collapsible in links, a full selecting every lookups static frame to action elements live last select panel before/after attributes. are chrome useful properties panel or logging, elements pause, outlet. sidebar load by turbo-enhanced state dependency log params, css elements wired counter, of trigger full state or it status a auto-laid-out lists elements monitor — controller in which time the mounted filter one-click target its to before/after dom see any where shown their milliseconds. the clipboard the filtering the elements dedicated browse nested every — classes, target turbo interactive a including frame for a you chrome's appears for showing scoping panel the which lookups reverse expandable which classes, links scroll names, a html, load tree panel frames log. track values, (append, gives defaults, identifier. controller. an to types diagram select and every data frames. at value, controller all and stimulus controllers action and controller's hotwire counts, tab outlet pane to in attribute classes, replace, every changes in targets, attributes and instantly surface interactive any configuration applications. its values, the outlet copy outlets, controls. every and reveal it, html controller buttons as directly devtools — timestamps. you
Related