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

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

今天,我使用了新的 WhatsApp 网络应用程序,并试图了解他们使用了哪些库以及他们如何与服务器通信。

我打开了 Chrome 开发者工具,然后在 UI 中尝试了一些操作。但是 Chrome 开发者工具中没有显示任何请求。

为什么我看不到任何请求(HTTP 和 WebSocket 请求)?

Whatsapp 网络正在使用 websocket。转到检查模式 -> 网络 -> websockets

消息已加密,但无论远程用户(phone 号码)是否可用,您都可以看到发送和接收的消息。

您必须在打开 WebSocket 连接之前打开 Google Chrome 检查器。然后正如@Hernan 指出的那样,您转到网络 -> websockets,select 状态为 101 的连接,在框架选项卡中您将看到消息。但是您必须从 "Frames" 切换到 "Headers" 选项卡并再次返回才能 Chrome 刷新帧。

如果您在“框架”选项卡打开的情况下发送邮件,它不会自动更新。或者,如果您在建立 WebSocket 连接后打开 Chrome 检查器,您将看不到连接。