/ WebSocket / SSE 在线调试客户端 ← 首页

WebSocket / SSE 在线调试客户端 (WebSocket & SSE Tester)

全功能长连接在线调试利器：支持标准 WebSocket (ws://、wss://) 与 Server-Sent Events (SSE HTTP 流式推送) 双协议；提供自定义子协议配置、可控周期性定时心跳保活、JSON 语法自动检测校验、毫秒级通信报文看板及离线 Mock 模拟回显。
🌐 公共测试服务预设 ▼
{{ statusText }}
📥 导出通信日志 (.log) 🗑️ 清空看板
CONNECTION CONFIG
{{ connProtocol }}
协议类型 (Protocol) {{ connProtocol === 'WebSocket' ? '全双工双向通信' : '服务端单向事件流' }}
WebSocket (ws/wss) SSE (Server-Sent)
服务端 URL
子协议 (Sub-Protocols) 可选，逗号分隔
🚀 建立长连接 (Connect) ⏳ 正在连接中... (点击取消) 🛑 断开连接 (Disconnect)
💓 定时心跳保活 (Keep-Alive)
心跳周期 (Interval) {{ heartbeatInterval }} ms
心跳内容 (支持 JSON):
连接时长
{{ connectedDurationStr }}
发送报文
{{ stats.sentCount }}
接收报文
{{ stats.recvCount }}
总流量
{{ formatBytes(stats.sentBytes + stats.recvBytes) }}
LIVE COMMUNICATION LOGS
自动滚屏 全部 ({{ logs.length }}) 发送 接收 系统
{{ entry.type.toUpperCase() }} {{ entry.time }}
{{ entry.size }} B 📋 复制
{{ entry.content }}
📡
暂无通信报文记录
点击左侧“建立长连接”按钮即可开始捕获与调试
发送载荷 (Payload): ⚡ 快速预设模板 ▼
✨ JSON 美化对齐 快捷键: Ctrl + Enter
{{ connProtocol === 'SSE' ? '⚠️ 提示：SSE 为服务端单向流式推送协议，不支持客户端上行发送。' : (isConnected ? '✅ 已连接，随时可发送' : '⚠️ 未连接，请先建立连接') }} 📤 发送消息 (Send)