【Websocket】之 Chrome 解析 Websocket

文章目录

一、实战

---

（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 操作码为浅黄色。
• 错误为浅红色。