Module ui/debug-console

In-app debug console panel for viewing browser console output.

Displays all console.log(), console.warn(), console.error() messages in a draggable, resizable panel within the application. Uses the global console interceptor to capture ALL messages from app startup, including those that occurred before the panel was created.

Key features:

Message history from app startup (ring buffer)
Syntax-highlighted output (objects, numbers, strings, etc.)
Filtering by keyword
Copy to clipboard
Auto-scroll option
Draggable and resizable
Toggle with Ctrl+L keyboard shortcut

Useful for debugging WebGL issues, understanding data loading, and diagnosing problems without opening browser DevTools.

Example

const debugConsole = new DebugConsole();

// Toggle visibility with Ctrl+L
// Or programmatically:
debugConsole.show();  // Display with all buffered messages
debugConsole.hide();  // Hide panel

Classes

DebugConsole

Interfaces

ConsoleMessage

Module ui/debug-console

Example

Classes

Interfaces

Settings

On This Page