WebSocket 调试神器来了【WebSocket DevTools】

WebSocket DevTools

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

WebSocket DevTools 功能一览

🔍 实时监控 —— 消息一旦出现，面板立即刷新，如同浏览社交动态般流畅即时。 🔄 后台持续监听 —— 即使关闭 DevTools，监控仍不间断运行，支持连接重建后的消息回溯。 🎮 灵活消息模拟 —— 自由编辑 JSON 内容，轻敲回车即可发送，前后端均无需额外 Mock。 🚧 精准流量控制 —— 一键模拟弱网环境，指定消息瞬间延迟或丢失，轻松完成网络测试。 💾 收藏与共享 —— 常用消息一键标星，快速调取复用，团队间亦可便捷共享消息模板。 🌍 多语言切换 —— 支持中英文无缝切换，提示信息清晰易懂，贴合不同语言习惯。 🎨 原生 DevTools 集成 —— 内置专业面板，操作体验与 Network 保持一致，上手零门槛。 🖼️ 全面 iframe 支持 —— 页面嵌套场景下自动捕获所有 WebSocket 连接，无需注入额外脚本。

如何快速使用

• WebSocket DevTools 官网：https://www.websocket-devtools.com/
• Chrome 商店搜「WebSocket DevTools」→ 点「添加至 Chrome」。

功能展示页面

• 主界面 - 实时监控完整的WebSocket调试界面，包含活动监控面板、消息控制开关、实时连接跟踪，以及带有JSON格式化和时间戳的实时消息流显示。

• 模拟控制台，高级消息模拟功能，包含JSON编辑器、语法高亮和嵌套解析填充选项。轻松创建自定义WebSocket消息。

• 消息阻断，强大的消息阻断功能，支持实时拦截。通过日志中清晰的BLOCK指示器控制消息流。

• 收藏系统，使用收藏系统保存和管理消息模板。快速访问常用消息，提高调试效率。

• 高级调试，处理复杂场景，支持多连接管理、广泛的消息历史记录和全面的状态跟踪。

总结

这个浏览器插件有点东西，大家帮忙帮我试试水。