【开源自荐】WebSocket DevTools - 专业WS调试插件，提供监控、拦截、模拟等核心功能，目前暂无代餐

[law-chain-hot]

一、快速介绍

WebSocket DevTools 是用于 WebSocket 调试的 Chrome 插件，提供监控、拦截、模拟、收藏等核心功能。功能强大，操作界面友好

二、核心功能

• 🔍 实时监控 - 实时跟踪WebSocket连接和消息更新
• 🔄 后台监控 - 即使关闭DevTools面板也能持续监控连接
• 🎮 消息模拟 - 双向发送自定义消息 (客户端 ↔ 服务器)
• 🚧 流量控制 - 拦截消息并模拟网络问题进行测试
• 💾 收藏系统 - 保存和组织常用消息
• 🌍 多语言支持 - 完整的英文和中文支持
• 🎨 DevTools集成 - 原生Chrome DevTools面板体验
• 🖼️ Iframe支持 - 完整的iframe嵌入式连接WebSocket代理支持

三、快速演示

快速演示其中一条最佳实践，监听并代理掉页面建立的WS连接，在连接收到一条嵌套的JSON消息后（JSON里面某个值是 String，但是可以被解析为 JSON）将其嵌套解析，在模拟控制台中修改其中某个值，比如 USA -> CHINA 然后在模拟接收。这就像 Proxyman 之类的代理调试软件一样调试 WebSocket，而这个拦截 + 模拟的能力，目前暂时市面上没有。

• 完整版 Demo：Watch the demo on YouTube
• 文字版介绍：掘金地址

四、官网与下载

• 官网地址：websocket-devtools.com
• 插件地址：Chrome 商店
• 源码地址：GitHub

（支持中文/英文，可手动切换语言）

谢谢峰哥，希望能分享给大家🙏