chrome devtools 中的 Websocket

Wil*_*een 1 websocket google-chrome-devtools socket.io

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

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

在此处输入图片说明

问题:

  1. 该方法仍然使用HTTPget 方法动词指定。这是因为这个HTTP协议是用来发起握手的吗?
  2. 如果我们有 4 个 type = websocket 就像在这个例子中一样。我们真的有 4 个 websocket 连接吗?
  3. 一个 websockets 已完成,其他 3 个仍在等待中,这是什么意思?

Mat*_*nen 6

  1. 是的,这是因为WebSocket 握手是一个 HTTP GET 请求。正如您在“状态”列中看到的那样,服务器响应“101 Switching Protocols”,之后协议更改为 WebSocket 协议。
  2. 您似乎有一个关闭的连接和三个正在进行的连接。也许您使用的任何库都喜欢创建多个连接?
  3. “待处理”连接是活动连接。开发人员工具将每个尚未关闭的连接显示为“待处理”。不是最清楚的表示,但开发工具主要用于处理单个请求不会永远持续的 HTTP。

万一您不知道的免费 ProTip:如果您单击任何请求,然后单击 Frames 选项卡,您可以实时查看所有 WebSocket 消息。