flutter_stetho

一个通过 Stetho Android 库将 Flutter 连接到 Android 设备上的 Chrome Dev Tools 的插件。

网络检查器

我想要实现的主要功能是网络检查器。

network_inspector

入门

你如何也能让这个插件在你的应用程序中运行?请按照以下步骤操作。

安装插件

请遵循Pub网站上的安装说明

安装StethoHttpOverrides

接下来,您需要在应用程序的main()函数中安装Stetho.initialize()。这将启用Stetho并允许flutter_stetho包装所有http调用,并通过Facebook的Stetho包将信息报告给Chrome开发者工具。

注意:也许最好只将此覆盖添加到main_dev.dart文件中。

void main() {
  Stetho.initialize();

  runApp(new MyApp());
}

在Android设备上运行您的应用程序

flutter run

打开Chrome

弹出Chrome或Chromium,导航到chrome://inspect

现在您应该在窗口中看到您的应用程序。

已知问题

  • 某些请求的计时可能略有偏差。这是因为
  • 代码是粗略的MVP/原型代码。需要改进。
  • 动画GIF未正常工作
  • 某些错误情况可能未得到妥善处理。需要更多的测试/反馈来查找问题。
  • 没有测试
  • 如果应用程序在启动时关闭,请运行flutter clean以删除旧的构建。

GitHub

https://github.com/brianegan/flutter_stetho