代理、模拟、阻断消息，具备高级调试功能。为开发者提供实时监控和流量控制 - WebSocket DevTools

它到底是啥？

一句话：把 WebSocket 的专属监控台直接塞进 Chrome DevTools，按 F12 就能看见，连接、消息、状态全摆眼前，想改哪条随手双击，再也不用去 Network 里眯眼找小字。

能干啥？

• 实时监控——消息一来，面板秒亮，像刷微博那样实时。
• 后台蹲守——DevTools 关了也继续跑，错过建连还能倒带回放。
• 消息伪造——想发啥 JSON，改两行直接回车，Mock 都省了。
• 流量使坏——勾个选项，指定消息原地“断网”，弱网测试不求人。
• 收藏常用——把固定报文标星，下次一键重发，团队还能共享模板。
• 双语界面——中英文随时切，提示都是人话。
• 原生手感——官方面板，操作跟 Network 一个味儿，零学习成本。
• iframe 也不放过——页面里再套页面，所有 WebSocket 一把抓，不用额外脚本。

兼容性

• 浏览器：Chrome 88+、Edge、Brave 等 Chromium 全家桶。
• 库：原生 WebSocket、Socket.IO、ws 全都认。
• 隐私：纯本地运行，数据不出电脑；MIT 开源，代码随便翻。

1. 安装扩展 - 添加到Chrome并启用后台监控
2. 打开开发者工具 (F12) → 找到 "WebSocket DevTools" 标签页
3. 查看捕获数据 - 所有WebSocket连接都会在后台自动捕获
4. 检查消息 - 点击连接查看消息历史
5. 模拟消息 - 使用模拟标签页和JSON编辑器
6. 保存收藏 - 为常用消息添加星标以便快速访问

专业提示: 扩展在后台监控WebSocket连接，所以即使你在WebSocket建立后才打开DevTools，也不会错过任何连接！

仅供个人学习参考/导航指引使用，具体请以第三方网站说明为准，本站不提供任何专业建议。如果地址失效或描述有误，请联系站长反馈～感谢您的理解与支持！

链接: https://fly63.com/nav/4690