为啥 chrome 开发者工具不显示 WhatsApp 网络应用请求？

Posted 2023-02-16

技术标签:

【中文标题】为啥 chrome 开发者工具不显示 WhatsApp 网络应用请求？【英文标题】：Why chrome developer tool does not show WhatsApp web app requests?为什么 chrome 开发者工具不显示 WhatsApp 网络应用请求？ 【发布时间】：2015-01-22 10:29:14 【问题描述】：

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

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

为什么我看不到任何请求（HTTP 和 WebSocket 请求）？

【问题讨论】：

【参考方案1】：

您必须在打开 WebSocket 连接之前打开 Google Chrome 检查器。然后正如@Hernan 指出的那样，您转到网络-> websockets，选择状态为 101 的连接，然后在框架选项卡中您将看到消息。但是您必须从“框架”切换到“标题”选项卡并再次返回以便 Chrome 刷新框架。

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

【讨论】：

您知道如何在控制台中记录消息吗？我在 Chrome 开发者工具中检查了所有请求和 WebSockets 选项卡。但它什么也没显示。【参考方案2】：

Whatsapp web 正在使用 websocket。进入检查模式 -> 网络 -> websockets

消息已加密，但无论远程用户（电话号码）是否可用，您都可以看到发送和接收的消息。

【讨论】：