Gametegra

English

Turkce

English

Turkce

Appearance

Dev Console ​

Built-in debugging console for games running inside WebView. Displays console.log, console.warn, and console.error output directly on screen, especially useful in mobile environments where browser DevTools are not easily accessible.

devConsole.show ​

Shows the console panel and toggle button. By default, automatically intercepts console.log/warn/error output.

js
// Default: console intercept enabled
gameTegra.devConsole.show()

// Console intercept disabled — only manual logs are shown
gameTegra.devConsole.show({ interceptConsole: false })

Parameters:

FieldTypeRequiredDefaultDescription
interceptConsolebooleanNotrueWhen true, automatically captures console.log/warn/error output and shows it in the panel

Console Intercept

With interceptConsole: true (default), console.log(), console.warn(), and console.error() calls are forwarded to both the normal console and the Dev Console panel. Original behavior is preserved.

devConsole.hide ​

Hides the console panel. The toggle button remains — it can be clicked to reopen.

js
gameTegra.devConsole.hide()

devConsole.toggle ​

Toggles panel visibility — hides if open, shows if hidden.

js
gameTegra.devConsole.toggle()

devConsole.log ​

Adds an info-level log entry to the panel.

js
gameTegra.devConsole.log('Player connected')

devConsole.warn ​

Adds a warning-level log entry to the panel.

js
gameTegra.devConsole.warn('Low FPS detected')

devConsole.error ​

Adds an error-level log entry to the panel.

js
gameTegra.devConsole.error('Connection lost!')

devConsole.success ​

Adds a success-level log entry to the panel.

js
gameTegra.devConsole.success('Successfully joined room')

devConsole.clear ​

Clears all log entries.

js
gameTegra.devConsole.clear()

Panel Features ​

  • Filter pills: "All", "Error", "Warn", "Info" — filter by log level
  • Clear button: Clears all logs
  • Minimize button: Hides the panel (toggle button remains)
  • Timestamps: Each log entry shows hours:minutes:seconds.milliseconds
  • Collapsing: Messages longer than 200 characters are auto-collapsed, click to expand
  • Maximum entries: Up to 200 entries are kept (FIFO)
  • z-index: 999999 — appears above other overlays

When to Use

Dev Console is especially useful for:

  • Debugging inside mobile WebView
  • Viewing console output in games running within the Flutter host
  • Collecting temporary debug info in live environments

Full Example ​

js
// Open Dev Console
gameTegra.devConsole.show()

// Manual logs
gameTegra.devConsole.log('Starting game...')
gameTegra.devConsole.success('Assets loaded')

// console.log is automatically captured
console.log('This message appears in both browser console and Dev Console panel')
console.error('This error is also captured')

// Clear the panel
gameTegra.devConsole.clear()

// Hide
gameTegra.devConsole.hide()