flutter 使用 浏览器监听app网络请求

引入插件

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错乱的问题

下载对应的版本就可以了

• Linux x64: https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Linux_x64/827102/
• Mac OS: https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Mac/827102/
• Windows: https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win/827102/

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