自制小工具-線上webSocket連接配接測試工具

使用場景

最近在進行websocket開發的時候，沒有找到一個趁手的線上WS和WSS連接配接測試工具，這使我十分的苦惱，是以特此開發一個簡單的小工具，特此在這分享給大家。

工具位址

webSocket工具

工具截圖

使用詳解

位址欄

[協定選擇] 使用者可以在ws協定和wss協定中自行選擇

[請求位址] 使用者需要輸入除協定外的完整請求位址

資訊欄

[伺服器傳回資訊] 在資訊欄的左邊顯示服務的的傳回資訊，以及連接配接的相關資訊

[使用者發送資訊] 如果連接配接有效，使用者發送的資料将像是在資訊欄的右邊

功能欄

[資訊輸入框] 使用者需要發送請求的資料可以在此輸入

[資訊發送按鈕] 如果連接配接有效和輸入框中有資料，則可以點選發送相關的資料給目前連接配接

[連接配接按鈕] 位址欄中存在使用者輸入的位址時，将會請求連結相應的位址

[清屏按鈕] 清除資訊欄中的所有資訊顯示

[斷開連接配接按鈕] 斷開目前已存在的有效連接配接

狀态欄

[狀态資訊顯示] 顯示目前連接配接和操作中存在的提示資訊

by 玉苑 2021/05/10