【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 操作碼為淺黃色。
• 錯誤為淺紅色。