WebSocket 與 SSE 測試器

在瀏覽器中連線到 WebSocket 與 Server-Sent Events 端點,即時檢視每一則訊息。

連線

以逗號分隔,作為 Sec-WebSocket-Protocol 傳送。

瀏覽器無法設定自訂交握標頭,也無法傳送協定層的 ping/pong 訊框。Socket.IO 與 SignalR 會在 WebSocket 之上加入自己的協定。

進階

意外關閉後以逐漸拉長的間隔重試。

訊息

時間軸

未連線
尚無事件
輸入端點並選擇「連線」。訊息、重新連線與關閉代碼會顯示在這裡。

詳細資料

在時間軸中選擇一個事件以檢視其內容。
什麼是 WebSocket 與 SSE 測試器?

一個專為即時 API 設計的互動式用戶端。讓瀏覽器直接連線到 WebSocket 或 Server-Sent Events 端點,傳送文字、JSON 或二進位訊息,並在可搜尋的時間軸中查看每則收發訊息、每次重新連線與關閉代碼。不經過代理:連線從你的瀏覽器直接前往你輸入的端點。

使用方式
  1. 1.選擇 WebSocket 或 Server-Sent Events,輸入端點 URL(wss:// 或 https://)。
  2. 2.WebSocket 可加入子協定;SSE 可選擇原生 EventSource 或 Fetch 串流,若串流需要權杖就加入標頭。
  3. 3.選擇「連線」。狀態標記與統計資料會顯示即時連線情況。
  4. 4.在訊息編輯區傳送訊息(Ctrl+Enter 或 ⌘+Enter),可選擇文字、JSON、Hex 或 Base64。
  5. 5.選擇時間軸中的任一列,以文字、JSON、hex 或 Base64 檢視內容,再用「匯出 JSON」把工作階段附加到工單。
原生 EventSource 還是 Fetch 串流?

原生 EventSource 是瀏覽器 API:會自動重新連線並傳送 Last-Event-ID,但無法傳送自訂標頭,而且只會傳遞你列出的具名事件。Fetch 串流使用 fetch 解析 SSE 格式的回應。它不是瀏覽器原生的 EventSource API,但可以傳送 Authorization 標頭與 POST 本文(許多 AI 串流 API 需要),並顯示 HTTP 狀態與每個事件的原始行。

不支援的功能
  • •瀏覽器無法在 WebSocket 交握時設定自訂標頭(請把權杖放在 URL 或第一則訊息中)。
  • •網頁無法查看或控制協定層的 ping/pong 訊框、原始訊框與 TCP 流量。
  • •Socket.IO、SignalR 與 STOMP 會在 WebSocket 之上加入自己的協定;你看到的是原始訊息,而不是解碼後的事件。
  • •端點必須允許本網站:SSE 需要 CORS 標頭,有些 WebSocket 伺服器會拒絕不明的來源。
  • •透過 HTTPS 提供的頁面無法對遠端主機開啟 ws:// 或 http:// 連線(混合內容);localhost 例外。
隱私與限制

URL、標頭與訊息只會留在這個分頁中,絕不儲存;只會記住協定分頁與保留上限等顯示偏好。時間軸最多保留 1,000、5,000 或 10,000 個事件以及 50 MB,最舊的事件會先被移除。可傳送最多 1 MB 的訊息;更大的接收內容會截斷保存,並顯示完整大小。

CodingTool 已正式上線於

Launched on StartupBaseCodingTool.dev - Free, Fast & Easy Developer Tools in One Place | Product HuntCodingTool - Featured on Startup FameFazier badgeListed on Turbo0Featured on Twelve ToolsFeatured on Findly.toolsLaunchpadly Startup DirectoryCodingTool.dev — Featured on Smol Launch