WebSocket DevTools – 专业WebSocket调试插件

WebSocket DevTools是面向Chrome、Edge、Brave等Chromium内核浏览器的专业扩展插件，专为WebSocket通信调试量身打造。它将原本不可见的长连接实时通信，转化为可视化交互式调试面板，支持直接查看、拦截、编辑、分析WebSocket报文，帮助开发者快速排查并解决前后端通信异常。

1、官网入口：https://www.websocket-devtools.com/

2、开源地址：https://github.com/law-chain-hot/websocket-devtools

WebSocket DevTools核心功能：

1、全链路实时监控：

在开发者工具面板实时展示所有WebSocket连接状态、握手详情及每条收发消息，通信过程全程可视化。

2、完整消息日志记录：

自动留存所有上行、下行消息记录，支持按时间、消息类型、关键词内容多维度筛选检索。

3、报文拦截与在线编辑：

支持在消息发送前、接收后自定义拦截规则，可对JSON、二进制等各类报文进行校验、篡改或直接阻断。

4、灵活连接管控：

提供手动新建、关闭、重连WebSocket快捷操作，调试时可快速切换服务地址与协议参数。

5、通信性能量化分析：

自动统计连接延迟、报文体积、传输帧率等关键指标，精准定位实时通信中的性能瓶颈。

6、异常错误智能追踪：

开启错误捕获后，自动记录连接异常断开、协议报错等问题，并在面板高亮标注，便于快速定位根因。

7、自定义规则过滤：

支持编写自定义过滤函数，可实现复杂业务规则筛选，也可接入JSON Schema完成报文格式自动校验。