DebugHelpers Demo
Open your browser's Developer Console (F12) to see the debug output.
Debug mode is enabled by default in this demo.
Basic Logging
Test different console logging methods:
Click a button to test logging
Grouped Output
Organize related debug messages in collapsible groups:
Groups help organize console output
Performance Measurement
Measure execution time:
Performance metrics help identify bottlenecks
Debug Mode Toggle
Enable/disable debug output at runtime:
Debug mode: enabled
Assertions & Tracing
Test assertions and call stack tracing:
Assertions help catch bugs early
Call Counting
Track how many times something is called:
Click counter: 0
Table Output
Display structured data as a table:
Tables are great for viewing data
Stimulus Integration
Debug Stimulus controller lifecycle:
Stimulus helpers log controller events