Chrome DevTools中没有显示POST请求

Question

当使用WhatsApp网页版时，发送消息时没有显示任何请求，但是消息仍然可以传送。为什么网络选项卡中没有任何请求的迹象？如果它被隐藏了，该如何使其可见？

注意：这只发生在WhatsApp网页版上。在其他网站上，它可以正常工作并显示GET和POST请求...

- Roxanne

Answer 1

调试网络请求时，这是一个常见的混淆来源。通常，开发人员从上到下查看这些网络请求，并假设最底部的请求是最近发出的请求，因此认为请求必须在底部。对于“普通”的HTTP请求来说，这是正确的。但是，许多想要实时显示数据的应用程序使用WebSocket与API进行通信。

在WhatsApp Web版本中也会发生同样的情况。只有像JavaScript应用程序、图标等实际资源才使用普通的HTTP加载。然后，通过WebSocket打开消息交换。

要查看实际的请求，请执行以下操作：

1. 打开DevTools，转到网络选项卡
2. 打开Whatsapp Web。请确保在此步骤（1）已经记录！
3. 在筛选栏中过滤“WS”
4. 只会有很少的结果，您可以单击以进行调查
5. 使用“消息”选项卡检查此套接字
6. 现在发送一条消息，您将看到一条称为binary message的消息，其中包含您的消息作为有效负载。

- jvda

Answer 2

尝试在Chrome DevTools中设置“设置”->“首选项”->“网络”->“记录网络日志”。在您的情况下，这个复选框可能未被选中。所以请勾选它。

否则，如果“记录网络日志”被选中，请尝试“设置”->“首选项”->“恢复默认值并重新加载”。

- kogonidze

---

嘿@kogonidze，我尝试了两种方法，但都不起作用。实际上，这只发生在WhatsApp网页版上。在其他网站上，它可以正常工作并显示GET和POST请求... - Roxanne