引入插件

  flutter_stetho: ^0.5.2

原作者不再更新,不支持flutter1.22版本以上,如有需要请使用下面这个仓库代替

dev_dependencies:
  flutter_stetho:  
    git:
      url: git://github.com/irdevp/flutter_stetho.git
      ref: master

打开谷歌浏览器地址栏输入chrome://inspect/#devices image.png 点击下面的inspect,会弹出如下窗口 image.png 当app触发http请求时就可以看到所有网络连接了,如下 image.png

如果后面遇到调试工具ui错乱的问题

下载对应的版本就可以了

相关的资料 https://github.com/facebook/stetho/issues/696#issuecomment-790760811

Libraries

flutter_stetho