WebSocket 开发工具 为开发者提供实时监控、消息模拟、流量拦截的专业调试工具

1. 访问 Chrome 网上应用店
2. 单击“添加到 Chrome”并确认安装
3. 打开 DevTools （F12） →“WebSocket DevTools”选项卡

• 🌐 WebSocket DevTools – 包含文档和演示的官方网站
• 📺 YouTube 视频 – 演示视频

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

主要特点展示：

• 消息拦截：实时拦截和拦截 WebSocket 消息
• 消息模拟：发送自定义消息以测试不同的场景
• 流量控制：管理WebSocket流量进行调试
• JSON 支持：完整的 JSON 解析和格式化功能

1. 安装扩展程序 – 添加到 Chrome 并启用后台监控
2. 打开 DevTools （F12） →查找“WebSocket DevTools”选项卡
3. 查看捕获的数据 – 所有 WebSocket 连接都在后台自动捕获
4. 检查消息 – 单击连接以查看消息历史记录
5. 模拟消息 – 将“模拟”选项卡与 JSON 编辑器配合使用
6. 保存收藏夹 – 为常用消息加注星标以便快速访问

💡 专业提示：该扩展在后台监控 WebSocket 连接，因此即使在 WebSocket 建立后打开 DevTools，您也不会错过任何连接！

• ✅ 不收集数据 – 所有内容都保留在您的浏览器中
• ✅ 仅本地存储 – 无外部服务器或跟踪
• ✅ 开源 – 完全透明且可审计的代码
• ✅ 最低权限 – 仅功能所需的权限

• Chrome 88+ 或基于 Chromium 的浏览器（Edge、Brave 等）
• WebSocket API – 与所有 WebSocket 实现兼容
• 适用于 Socket.IO、ws 库和自定义 WebSocket 解决方案