WebSocket DevTools

WebSocket DevTools 是一个浏览器扩展，装好后 Chrome 或 Edge 的开发者工具里会多出一个同名标签页。它解决的是 WebSocket 连接不好观察的问题：普通 Network 面板里消息一闪而过，想复现某条服务端推送、或者验证客户端收到异常数据时的表现，往往得改代码或搭代理。这个扩展把连接列表、消息流和收发控制放在一个面板里。

主要功能

面板会列出当前页面的 WebSocket 连接，显示连接状态和消息往来，消息按 JSON 格式化并带时间戳。模拟控制台可以双向发消息，既能冒充客户端发给服务端，也能冒充服务端推给客户端，编辑器支持语法高亮和嵌套解析。拦截功能可以按消息屏蔽发送或接收，日志里用 BLOCK 标记出来，用来测断线、丢包这类边界情况。常用的消息可以存进收藏，下次直接调出来重发。

适合谁

主要给做实时功能的前端和测试人员：聊天、行情推送、协同编辑、游戏房间这类依赖长连接的项目，调试时不用再靠 console.log 猜消息顺序。页面称兼容各种框架，不绑定具体技术栈。

费用与限制

扩展免费且开源，代码放在 GitHub 上，页面上也给了隐私政策链接。安装走 Chrome 应用商店或 Edge 商店，装完打开开发者工具即可使用，不需要单独注册账号。它只作用于浏览器里的 WebSocket 流量，原生 App 或服务端之间的连接不在范围内；界面为英文。