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

Features

Analytics Tool

Network Tool

Logging Tool

Getting started

///In the main, wrap your app widget with InAppDevTools
InAppDevTools(child: MyApp())

///For recording Analytics
AnalyticsProfiler.instance.logEvent(
  'button_tap',
  parameters: {'id': 'checkout'},
);

///For recording Logs
Logger.root.info('User signed in');

///HTTP Requests are automatically recorded while using the InAppDevtools widget

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.