🚀 安装
Chrome 网上应用店
- 访问 Chrome 网上应用店
- 点击 “添加至 Chrome” 并确认安装
- 打开开发者工具 (F12) → “WebSocket DevTools” 标签页
Microsoft Edge
- 访问 Microsoft Edge 加载项
- 点击 “获取” 并确认安装
- 打开开发者工具 (F12) → “WebSocket DevTools” 标签页
官网
- 🌐 WebSocket DevTools - 官方网站
- 📺 YouTube视频 - 演示视频
✨ 核心功能
- 🔍 实时监控 - 实时跟踪WebSocket连接和消息更新
- 🔄 后台监控 - 即使关闭DevTools面板也能持续监控连接
- 🎮 消息模拟 - 双向发送自定义消息 (客户端 ↔ 服务器)
- 🚧 流量控制 - 拦截消息并模拟网络问题进行测试
- 💾 收*系统 - 保存和组织常用消息
- 🌍 多语言支持 - 完整的英文和中文支持
- 🎨 DevTools集成 - 原生Chrome DevTools面板体验
- 🖼️ Iframe支持 - 完整的iframe嵌入式连接WebSocket代理支持
🎬 快速演示
消息拦截
消息模拟
演示的核心功能:
- 消息拦截: 实时拦截和阻止WebSocket消息
- 消息模拟: 发送自定义消息测试不同场景
- 流量控制: 管理WebSocket流量进行调试
- JSON支持: 完整的JSON解析和格式化功能
📷 截图
消息详情和JSON查看器
消息模拟和流量控制
收*系统
📖 快速开始
- 安装扩展 - 添加到Chrome并启用后台监控
- 打开开发者工具 (F12) → 找到 “WebSocket DevTools” 标签页
- 查看捕获数据 - 所有WebSocket连接都会在后台自动捕获
- 检查消息 - 点击连接查看消息历史
- 模拟消息 - 使用模拟标签页和JSON编辑器
- 保存收* - 为常用消息添加星标以便快速访问
💡 专业提示: 扩展在后台监控WebSocket连接,所以即使你在WebSocket建立后才打开DevTools,也不会错过任何连接!
🔒 隐私和安全
- ✅ 无数据收集 - 所有数据都保存在你的浏览器中
- ✅ 仅本地存储 - 无外部服务器或跟踪
- ✅ 开源代码 - 完全透明且可审计的代码
- ✅ 最小权限 - 仅请求功能所需的权限
🛠 系统要求
- Chrome 88+ 或基于Chromium的浏览器 (Edge, Brave等)
- WebSocket API - 兼容所有WebSocket实现
- 支持 Socket.IO、ws库 和自定义WebSocket解决方案
MIT许可证 • ⭐ GitHub • 📖 Wiki • 📚 DeepWiki • 🛒 Chrome商店 • 📺 YouTube
免责声明 © 2025 - 虚宝阁
本站部分源码来源于网络,版权归属原开发者,用户仅获得使用权。依据《计算机软件保护条例》第十六条,禁止:
- 逆向工程破解技术保护措施
- 未经许可的分发行为
- 去除源码中的原始版权标识
※ 本站源码仅用于学习和研究,禁止用于商业用途。如有侵权, 请及时联系我们进行处理。