CODEWITHSUNDEEP
javascriptgoogle-chromewebsocketwhatsapp
Fizer Khan
Fizer Khan

Reputation: 92875

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

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)?

Upvotes: 13

Views: 9925

Answers (2)

Hernán Fernández
Hernán Fernández

Reputation: 19

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.

Upvotes: 1

vtortola
vtortola

Reputation: 35945

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.

Upvotes: 14

Related Questions