WebSocket 连接测试

纯前端 WebSocket 客户端,用于测试连接与消息收发

连接状态:未连接
!
服务器可能进行 Origin 校验,被拒绝时请检查服务器配置

消息收发

已收到 0 条消息
实时消息
暂无消息,连接后发送或接收消息将显示在这里

提示:

  • 使用 ws:// (非加密) 或 wss:// (SSL加密) 协议
  • 连接后可与服务器进行双向通信
  • 某些服务器会校验 Origin,可能导致连接被拒绝

WebSocket测试工具 - 在线WS连接调试助手

WebSocket测试工具用于在线测试和调试 WebSocket 连接,支持连接 WS/WSS 服务器、发送和接收消息、查看通信日志。开发者在调试即时通讯、实时数据推送等 WebSocket 应用时,可以用此工具快速验证服务端是否正常工作。

下面介绍 WebSocket 协议的基础知识、测试工具的使用方法和常见调试技巧。

什么是 WebSocket

WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议,由 RFC 6455 定义。与 HTTP 的请求-响应模式不同,WebSocket 建立连接后,客户端和服务器可以随时互相发送数据,无需重复建立连接。这使得它非常适合即时通讯、实时数据推送、在线游戏等场景。

WebSocket 连接以 ws:// 或 wss://(加密)开头,通过 HTTP 握手升级协议建立连接。建立后通信开销极小,每帧仅 2-14 字节的头部,远低于 HTTP 每次请求的头部开销。

核心功能

连接管理

支持 WS/WSS 协议连接和断开

消息收发

发送文本消息并实时查看服务端响应

通信日志

完整记录收发消息和时间戳

自定义请求头

支持设置连接时的自定义 Header

心跳检测

自动发送心跳包保持连接活跃

消息模板

保存常用消息模板快速发送

使用教程

  1. 输入 WebSocket 服务器地址(如 wss://echo.websocket.org)。
  2. 点击连接按钮建立 WebSocket 连接。
  3. 在消息输入框中输入内容,点击发送。
  4. 查看通信日志中的收发记录,确认服务端响应是否正常。

适用场景

  • 接口调试 - 测试 WebSocket 服务端是否正常响应
  • 协议验证 - 验证消息格式和通信协议
  • 开发辅助 - 前端开发时模拟 WebSocket 通信
  • 问题排查 - 定位 WebSocket 连接断开或消息丢失的原因

WebSocket 协议原理

WebSocket 连接建立过程称为握手:客户端发送一个特殊的 HTTP GET 请求,携带 Upgrade: websocket 和 Connection: Upgrade 头部,服务器如果支持 WebSocket 则返回 101 Switching Protocols 响应,连接即升级为 WebSocket 协议。

连接建立后,双方通过数据帧(Frame)交换信息。数据帧包含操作码(文本/二进制/关闭/心跳等)、掩码标志、有效载荷长度和实际数据。浏览器发送的数据帧必须经过掩码处理(安全要求),服务端发送的帧则不需要掩码。

常见问题

连接失败怎么办?

检查地址格式是否正确(ws:// 或 wss:// 开头)、服务器是否运行、防火墙是否放行端口。WSS 连接需要有效的 SSL 证书。

WS 和 WSS 有什么区别?

WS 是明文传输,WSS 是加密传输(类似 HTTP 和 HTTPS 的关系)。生产环境建议使用 WSS 确保数据安全。

可以发送二进制数据吗?

本工具目前支持发送文本消息。如需发送二进制数据,建议使用编程语言的 WebSocket 客户端库。

连接经常断开怎么办?

可能是网络不稳定或服务器超时断开。建议开启心跳功能,定期发送心跳包保持连接活跃。也可以实现自动重连机制。

如何测试需要认证的 WebSocket?

可以在连接 URL 中携带 token 参数,或在自定义请求头中添加认证信息。部分服务端支持通过 Sec-WebSocket-Protocol 头传递认证信息。

有推荐的测试服务器吗?

wss://echo.websocket.org 是一个公共的回声服务器,会原样返回你发送的消息,适合测试基本功能。但该服务可能不稳定,建议搭建本地测试服务器。