如何从桌面chrome检查器观看firebase流量

Dav*_*arb 5 javascript google-chrome google-chrome-devtools firebase

我的桌面Chrome浏览器中运行了一个JavaScript应用程序,可以读取和写入Firebase.我想知道它使用了多少流量(与任何本地缓存相比),我想我可以在Chrome Inspector中观看.

我没有看到任何这样的流量.我假设我需要调整一些Inspector设置,但看起来我已打开所有内容并且没有任何过滤.

我怎么能看到这个流量?(对于我目前的简单需求,我更倾向于在Chrome中这样做,而不必启动WireShark)

Sid*_*ney 11

Firebase使用websocket与客户端进行通信.在devtool的网络选项卡中,按"WS"(websocket)过滤,您应该看到Firebase正在使用的连接.

  • @Sidney 这个答案已经过时了。Firebase SDK 转而使用 protobuf 而不是 GRPC 或 XHR。不过,检查网络窗格中的流量有些无用,因为它将是数据的 Base64 编码数组缓冲区。https://github.com/firebase/firebase-js-sdk/blob/ed87b76e95d5f2e35f423110ae83ed9e1311e649/packages/firestore/src/remote/serializer.ts#L131 (5认同)
  • 在网络套接字中发送或接收的消息不会像正常的网络请求那样显示。它们显示在websocket的“框架”标签中:/sf/ask/3015677521/ (2认同)