Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to watch firebase traffic from desktop chrome inspector

I have a JavaScript app running in my desktop Chrome browser which is reading and writing to Firebase. I'd like to get a sense of how much traffic it uses (vs any local caching) and I figured I could just watch in the Chrome Inspector.

I'm not seeing any such traffic. I assume I need to tweak some Inspector setting, but it looks like I have everything turned on and nothing filtered.

How can I see this traffic? (For my current simple needs, I'd much rather do so in Chrome, and not have to fire up WireShark)

like image 476
David Goldfarb Avatar asked Sep 26 '17 13:09

David Goldfarb


People also ask

How do I view HTTP requests in Chrome?

In Chrome, visit a URL(such as https://www.google.com ), right click, select Inspect to open the developer tools. Select Network tab. Reload the page, select any HTTP request on the left panel, and the HTTP headers will be displayed on the right panel.


1 Answers

Firebase uses a websocket to communicate with clients. In the devtool's networking tab, filter by "WS" (websocket) and you should see the connection that Firebase is using.

like image 184
Sidney Avatar answered Oct 19 '22 22:10

Sidney