Why chrome developer tool does not show WhatsApp web app requests?

Question

Today, i uses new WhatsApp web app and tried to learn about what libraries they used and how they communicate with the server.

I opened Chrome developer tool and then tried some actions in UI. But no requests is displayed in Chrome developer tool.

Why i could not see any requests(both HTTP and WebSocket requests)?

score 13 · Accepted Answer · answered Jan 22 '15 at 23:22

13

You have to open the Google Chrome inspector before the WebSocket connection is opened. Then as @Hernan has pointed out, you go to network -> websockets, select the connection with 101 status and in the frames tab you will see the messages. But you have to switch from "Frames" to "Headers" tab and come back again in order to Chrome refresh the frames.

If you send messages with the Frame tab opened, it does not update automatically. Or if you open the Chrome inspector after the WebSocket connection has been established, you won´t see the connection.

answered Jan 22 '15 at 23:22

vtortola

34,709
29
161
263

any chance that you know how to log the messages in the console? – edymerchk Jun 07 '15 at 13:24
I checked both all requests and WebSockets tab in Chrome developer tool. But it does not show anything. – Amit Sharma Sep 04 '19 at 15:40

Hernán Fernández · Answer 2 · 2020-06-22T18:11:44.340

0

Whatsapp web is using websocket. go to inspect mode -> network -> websockets

The message it's encrypted but you can see the send and received message even if the remote user (phone number) is available or not.

edited Jun 22 '20 at 18:11

answered Jan 22 '15 at 12:58

Hernán Fernández

9
2

4

I checked both all requests and WebSockets tab in Chrome developer tool. But it does not show anything. – Fizer Khan Jan 22 '15 at 13:15
you need to open the network console before load the webpage – Hernán Fernández Jun 22 '20 at 18:00

Why chrome developer tool does not show WhatsApp web app requests?

2 Answers2