为什么 chrome 开发者工具不显示 WhatsApp 网络应用程序请求？

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

Answer 1

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.

Answer 2

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.