【Websocket】之 Chrome 解析 Websocket

文章目录

• ​​一、实战​​

• ​​（1）栗子1​​
• ​​（2）栗子2​​

• ​​二、分析​​

一、实战

（1）栗子1

访问：http://demos.kaazing.com/jms/index.html

打开两个页面，执行如下：

网页A

1. 登录（点击​

   ​Connect​

   ​）
2. 订阅（点击​

   ​Subscribe​

   ​）

网页B

1. 登录（点击​

   ​Connect​

   ​）
2. 编辑文本
3. 发送消息（点击​

   ​send​

   ​）

网页A，如图：

（2）栗子2

访问：http://demos.kaazing.com/echo/index.html

发送消息，直接显示文本

二、分析

• 按类型:​

  ​WS​

  ​​、​

  ​WSS​

  ​（加密）
• 属性过滤:​

  ​is: running​

  ​
• 表格列

• ​

  ​Data​

  ​​: 消息负载。 如果消息为纯文本,则在此处显示。 对于二进制操作码,此列将显示操作码的名称和代码。 支持以下操作码:​

  ​Continuation​

  ​​ （持续帧[0]：继续前一帧）、​

  ​Frame​

  ​​（文本帧[1]）、​

  ​Binary Frame​

  ​​（二进制帧[2]）、​

  ​Connection Close Frame​

  ​​（关闭帧[8]）、​

  ​Ping Frame​

  ​​（心跳帧[9]） 和​

  ​Pong Frame​

  ​（心跳帧[A]）。
• ​

  ​Length​

  ​: 消息负载的长度(以字节为单位)。
• ​

  ​Time​

  ​: 收到或发送消息的时间。

• 消息颜色

• 发送至服务器的文本消息为浅绿色。
• 接收到的文本消息为白色。
• WebSocket 操作码为浅黄色。
• 错误为浅红色。