它是一个WebSocket 接口的“对话测试工具”。
WebSocket 是一种让浏览器和服务器保持长连接的通信方式,聊天室、实时通知、股票行情、在线协作都用它。平时想测一个 WebSocket 接口通不通、能不能发消息、收到什么回复,得写代码或者装专门的工具。
这个小工具把这些省了——打开网页,填个地址,点“连接”,就能像聊天一样跟服务器对话,所有来往消息都记在日志里。
主要能做什么?
连接 WebSocket 服务器:支持 ws:// 和 wss:// 两种协议。
发送消息:在输入框里写内容,点“发送消息”,服务器就能收到。
接收消息:服务器推过来的内容自动显示在日志里。
实时通信日志:每条消息都带时间戳和方向标签:
OUT(蓝色):你发出去的
IN(绿色):服务器发来的
ERR(红色):错误信息
SYS(灰色):系统提示
心跳保活:可选开启,每隔 N 秒自动发一条消息(比如 ping),防止连接被断开。
统计信息:服务器地址、连接状态、发送消息数、接收消息数。
JSON 格式化:发送框里的 JSON 乱七八糟?点一下整理整齐。
加载示例:自动填入公共 Echo 服务器和示例消息,直接能测。
清空日志:日志太多,一键清空。
重置:所有状态恢复到初始。
一键复制:统计信息旁边有复制按钮。
适合谁用?
前后端开发者:调试 WebSocket 接口,看连接、发消息、收推送是否正常。
测试人员:手工测实时通信功能。
运维 / IT 支持:检查某个 WebSocket 服务是否在线、能否响应。
做聊天 / 推送功能的人:验证消息能不能发出、能不能收到。
学 WebSocket 的人:理解长连接通信是怎么回事。
任何需要测 WebSocket 的人:不用写代码、不用装工具。
用起来是什么感觉?
打开页面,顶部是一个深色大卡片,写着“WebSocket 测试器 wss://”,状态栏显示“未连接”。
卡片里有个输入框,填 WebSocket 地址(比如 wss://echo.websocket.org),旁边一个绿色“连接”按钮。连上后按钮会变成红色“断开连接”。
连上之后:
顶部标题变成服务器地址
状态变成绿色圆点,显示“已成功连接到服务端”
下面统计区显示:
服务器地址
连接状态(CONNECTED / CONNECTING / DISCONNECTED,带颜色)
发送消息数
接收消息数
每行右边都有“复制”按钮
再下面是消息发送区:
一个文本框,写要发送的内容
下面一排控制项:
启用心跳机制(勾选框)
间隔(秒):默认 10 秒
内容:默认 {"type":"ping"}
右边一排按钮:
加载示例:填入 Echo 服务器和示例消息
格式化 JSON:整理发送框里的 JSON
清空日志:清空下面的日志
重置:全部恢复初始
发送消息(绿色):点一下发出去
最下面是通信日志控制台,深色背景,一条条消息带时间戳和彩色标签,自动滚到最新。右上角显示“X 条日志”。
整个流程就是:
填地址,点“连接”
在发送框里写内容,点“发送消息”
日志里看到 OUT(你发的)和 IN(服务器回的)
想看心跳效果,勾上“启用心跳机制”
整个过程像在跟服务器聊天,几秒钟就能看出接口通不通。
对调试实时通信的人来说,比写测试代码、装专业工具方便多了,打开网页就能用。