chrome devtools 中的 Websockets

Question

目前正在使用 websockets 处理 Socket.IO。我有几个关于如何在 chrome devtools 中解释 websockets 的问题:

当我们在 chrome 中有以下输出时:

问题:

1. 该方法仍由 HTTP get 方法动词指定。这是因为这个 HTTP 协议(protocol)用于启动握手吗？
2. 如果我们有 4 个 type = websocket，就像这个例子一样。我们实际上有 4 个 websocket 连接吗？
3. 一个 websockets 已完成，其他 3 个仍在等待中，这是什么意思？

Answer 1

1. 是的，那是因为 the WebSocket handshake是一个 HTTP GET 请求。正如您在 Status 列中看到的，服务器响应了“101 Switching Protocols”，之后协议(protocol)更改为 WebSocket 协议(protocol)。
2. 您似乎有一个关闭的连接和三个持续的连接。也许您使用的任何库都喜欢创建多个连接？
3. “待定”连接是事件连接。开发人员工具将每个尚未关闭的连接显示为“待处理”。不是最清楚的表示，但开发工具主要用于处理 HTTP，其中单个请求不会永远持续下去。

免费 ProTip，以防您不知道:如果您单击任何请求，然后单击“框架”选项卡，您可以实时查看所有 WebSocket 消息。