Skip to content

Network DebuggerSee Every Byte Your App Sends

HTTP, WebSocket & Socket.IO inspector for Dart and Flutter — with waterfall timeline, scripting, breakpoints, and more

Packages

PackageWhat it does
network_debuggerCLI launcher — starts the proxy and opens the UI
dio_debuggerAttaches the proxy to a Dio HTTP client
http_debuggerGlobal HTTP interception via HttpOverrides
web_socket_debuggerIntercepts dart:io WebSocket connections
web_socket_channel_debuggerIntercepts package:web_socket_channel
socket_io_debuggerCaptures Socket.IO events and payloads
firebase_database_debuggerTracks Firebase Realtime Database operations
hex_viewerFlutter widget for viewing binary data in HEX

Quick Setup

bash
dart pub global activate network_debugger
network_debugger
dart
import 'package:dio_debugger/dio_debugger.dart';

final dio = Dio()..interceptors.add(DioDebugger());
dart
import 'package:http_debugger/http_debugger.dart';

HttpOverrides.global = DebuggerHttpOverrides();

Architecture

Your app sends traffic through a local Go proxy. The proxy records everything and forwards it to the real server. The UI connects to the proxy and displays traffic in real time.