【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 操作码为浅黄色。

• 错误为浅红色。