chrome devtools中的Websockets

时间:2018-04-26 21:05:26

标签: websocket socket.io google-chrome-devtools

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

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

enter image description here

问题:

  1. 该方法仍然使用HTTP get方法动词指定。这是因为这个HTTP协议用于启动握手吗?
  2. 如果我们在此示例中有4个type = websocket。我们实际上有4个websocket连接吗?
  3. 一个websockets已经完成,其他3个仍在等待,这是什么意思?

1 个答案:

答案 0 :(得分:3)

  1. 是的,那是因为the WebSocket handshake是HTTP GET请求。正如您在Status列中看到的那样,服务器以“101 Switching Protocols”响应,之后协议更改为WebSocket协议。
  2. 您似乎有一个已关闭的连接和三个正在进行的连接。也许您正在使用的任何库都喜欢创建多个连接?
  3. “待定”连接是活动连接。开发人员工具将尚未关闭的每个连接显示为“待处理”。不是最明确的表示,但开发工具主要用于处理个人请求不会永远存在的HTTP。
  4. 免费提供ProTip以防您不知道:如果您单击任何请求然后单击Frames选项卡,您可以实时查看所有WebSocket消息。