如何使用 Chrome 开发工具检查网络套接字流量？

我正在尝试使用 Chrome 开发工具检查网络套接字流量。从我的研究，似乎你应该能够看到它使用网络选项卡-它甚至有一个过滤器的’新闻’。

然而，我一直在检查那些我知道正在使用 websockets 的网站，并且找不到一种方法来检查来回发送的消息。使用 Chromev56，也尝试了 Safari 没有运气..。

有人知道如何才能做到这一点吗？

99524 次浏览

小开

最佳答案

您需要在打开网络选项卡并按“ ws”类型进行筛选的情况下重新加载页面。这将向您显示一个使用 websocket 建立的连接。然后，您可以单击该连接以显示与服务器来回发送的流量

小开

关于 此流量嵌套在网络选项卡的更深处的信息。使用 Chrome58 + ，你会看到关于连接到 websocket 的条目，在主 Network 选项卡列表中。

这改变了一个协议(HTTP 状态101) ,

所以

每一个可能的下一个请求是网络套接字流量，将在框架下可见的上述条目选项卡。

当然，您可以有更多打开的连接到不同的 websocket，按 websocket 类型聚合在主“ Network”选项卡上。