Monitor all network requests, analytics events, and debugging logs in real-time, directly inside your app.

πŸš€ Quickstart

void main() {
  NetworkTool.ensureInitialized();
  //...your code here
  runApp(InAppDevTools(child: MyApp()));
}

πŸ”₯ Features

🌐 Network Tool

Network Tool

πŸ“Š Analytics Tool

Analytics Tool

Logging Tool

Logging Tool

Additional information

Custom Tool

You can build your own custom tool and pass it to InAppDevTools widget. Use cases could be - switching between dev/prod environments, performing some action to reproduce some testing scenario etc.

DataPreviewExtension (for NetworkTool)

The default preview supports rendering plain text and image data. You can also customize how data is displayed in the NetworkTool detailed view.

There are packages available for rendering specific data types:

HTML β€” iad_html_data_preview

JSON β€” iad_json_data_preview

InAppDevTools(
  tools: [
    NetworkTool(
      dataPreviewExtensions: [
        IadJsonDataPreview(),
        IadHtmlDataPreview(),
      ],
    ),
    const LoggingTool(),
    const AnalyticsTool(),
  ],
  child: MyApp(),
)

Roadmap

  1. Copy feature improvements
  2. Filters improvement - Control what data to be seen in the list
  3. Stats - Data usage, Analytics count etc
  4. Support for CronetClient and CupertinoClient based on demand (NetworkTool)
  5. Want us to prioritize something that improves your or your team’s productivity? Raise a request on GitHub Issues β€” we’d be happy to solve it.