Desktop App

The WhatzBug Desktop App is an Electron-based debugger console that connects to your React Native app in real-time via WebSocket, giving you 13+ inspection panels for live debugging.

Panels

PanelWhat It Shows
ConnectionDevice management, ADB scanning, preflight checks
LogsReal-time console.log/warn/error from your app
LogcatAndroid system logs via ADB with tag and level filter
NetworkAll HTTP requests with headers, bodies, timing
PerformanceKPI dashboard: app launch, screen load, FPS, stalls
ProfilerNative runtime profiler with correlation analysis
CrashesError list with stack traces and breadcrumbs
ReplaySession replay with screenshot-based step-through
SessionsSave, load, and investigate debug sessions
JourneyRecord, save, and replay user journeys
TimelineUnified chronological view of all events

Key Features

  • Real-Time Streaming — all data appears instantly as your app runs
  • Remote Commands — reload app, capture screenshots, start/stop recordings
  • Session Persistence — save sessions to disk and reload them later
  • ADB Integration — automatic device detection and port forwarding for Android
  • Dark / Light Theme — configurable UI theme

System Requirements

RequirementDetails
OSmacOS, Windows, Linux
Port9333 (WebSocket server)
Android ToolsADB (for Logcat and device detection)

Getting Started

Connecting a Device

Emulator, USB, and Wi-Fi setup

Debug Connection

Debug mode configuration

Troubleshooting

Fix connection problems