websocket-devtools：开箱即用的 WebSocket 调试工具

websocket-devtools 是一款专业的 WebSocket 调试与流量控制浏览器插件，安装后会在 Chrome DevTools 面板中新增一个标签页。它操作便捷，支持 WebSocket 流量的实时监控、消息模拟和流量拦截等功能，是前端排查 WebSocket 通信的利器。

核心能力

• DevTools 集成：在 Chrome DevTools 内新增专属面板，使用顺手。
• 实时监控：展示 WebSocket 连接与收发的消息流。
• 消息模拟：可手动构造并发送消息，验证服务端行为。
• 流量拦截：对进出消息做拦截与检查，便于调试与复现。

适用场景

• 前端联调 WebSocket 接口，观察帧内容与时序。
• 模拟客户端消息、构造边界用例。
• 拦截/检查流量以定位通信异常。

上手与二开建议

1. 安装插件后在 DevTools 打开新面板，连接页面 WebSocket 即可看到流量。
2. 用消息模拟发送自定义帧，配合拦截验证交互。
3. 二开：围绕面板与拦截规则扩展；协议将由系统从 GitHub 自动同步。

注意事项

• 上手难度低；为浏览器插件，仅作用于当前调试会话。
• 拦截功能用于调试，切勿在他人站点越权操作。