如何在Flutter中查看Firebase Storage的网络请求流量？

我之前调试Flutter MacOS应用的Firebase Storage请求时，也碰到过DevTools看不到请求的问题——毕竟Firebase很多请求是通过原生SDK发起的，绕开了Dart的网络层，自然不会出现在DevTools的Network标签里。下面是我亲测有效的几种解决方法：

方法1：开启Firebase SDK内置调试日志 #

Firebase的原生SDK自带详细的网络日志开关，开启后能直接在控制台看到所有Storage请求的细节，不用额外工具。

• MacOS/iOS端配置：打开Flutter项目的MacOS Runner工程（用Xcode打开macos/Runner.xcworkspace），找到AppDelegate.swift，在Firebase初始化前添加日志级别设置：

  import FirebaseCore
  
  func applicationDidFinishLaunching(_ aNotification: Notification) {
      // 先设置日志级别
      FirebaseConfiguration.shared.setLoggerLevel(.debug)
      // 再初始化Firebase
      FirebaseApp.configure()
      // ...其他代码
  }
  

• Flutter Dart层补充（可选）：如果是Firebase其他服务（比如Firestore），可以在Dart代码里单独开启日志：

  FirebaseFirestore.instance.settings = const Settings(
    logLevel: LogLevel.debug,
  );
  

启动应用后，查看Xcode的控制台，就能看到Firebase Storage的所有请求URL、状态码、响应信息，足够满足基础调试需求。

方法2：用Charles Proxy捕获所有网络请求 #

如果想要像DevTools那样直观的请求列表和详细的请求/响应内容，Charles Proxy是MacOS上的绝佳选择，能抓到所有原生层的HTTPS请求，包括Firebase Storage的上传下载。

步骤如下：

1. 下载安装Charles Proxy，启动后点击菜单栏的Proxy > SSL Proxying Settings，点击Add，在Host里输入*.firebasestorage.googleapis.com，Port填443，勾选SSL Proxying。
2. 安装Charles的根证书：点击菜单栏Help > SSL Proxying > Install Charles Root Certificate on macOS，打开钥匙串访问，找到“Charles Proxy CA”，右键选择“显示简介”，在“信任”选项里把“使用此证书时”设置为“始终信任”。
3. 运行你的Flutter MacOS应用，Charles会自动捕获所有Firebase Storage的请求，点击任意请求就能查看请求头、响应体、耗时等完整信息，甚至可以修改请求参数做测试。

方法3：用Flutter的--trace-http参数（仅限Dart层请求） #

如果你的Firebase请求是通过Dart层面的SDK发起的（比如部分旧版本的Firebase Storage Dart SDK），可以试试用这个参数打印所有Dart HTTP请求：

在终端运行应用时添加参数：

flutter run --trace-http

这个会在控制台输出所有DartHttpClient发起的请求，但如果是原生SDK处理的请求，还是看不到，所以这个方法适合辅助排查Dart层的Firebase请求问题。

亲测这几种方法在MacOS上都能解决Firebase Storage请求调试的问题，根据你的需求选择就行——我自己日常调试用Charles最多，因为能看到最完整的请求细节。

内容的提问来源于stack exchange，提问作者Tom3652