SuperAPI AI 工具集

websocket-devtools-extension

通用与其它

查看项目

更新于 10-15 22:34

技能介绍

用途:WebSocket DevTools 是 Chrome/Edge 浏览器扩展,用于在浏览器原生 DevTools 界面内调试 WebSocket 连接,覆盖实时消息监控、双向消息模拟、流量拦截和收藏管理。

主要能力:后台自动捕获所有 WebSocket 连接与消息,即使 DevTools 关闭也不遗漏;记录连接 URL、协议、收发消息、时间戳、消息大小与连接状态变化;支持按内容、类型或 URL 模式拦截消息(客户端→服务端或服务端→客户端);可模拟发送自定义消息,伪装成来自客户端或服务端;自动解析并格式化 JSON 消息,提供树形视图、复制与搜索;收藏常用消息以便快速重放;二进制消息显示大小与十六进制预览;支持 iframe 内 WebSocket。

安装:Chrome 应用商店 https://chromewebstore.google.com/detail/websocket-devtools/fmnaobbfmjaaaebelkacpmmmpaaefbod ;Edge 加载项 https://microsoftedge.microsoft.com/addons/detail/websocket-devtools/idkoddoekbiekjkpfjeadehmknaoppol 。开发者模式:git clone https://github.com/law-chain-hot/websocket-devtools.git ,在 chrome://extensions/ 或 edge://extensions/ 开启开发者模式后“加载已解压的扩展程序”。安装后按 F12 打开 DevTools,进入“WebSocket DevTools”标签页。

适用场景:测试重连逻辑、消息顺序与竞态、二进制处理、Socket.IO 协议消息、认证流程、多连接并发,以及通过拦截消息验证错误处理与降级逻辑。

限制:需使用标准 WebSocket API;WebWorker 支持有限;模拟消息需符合服务端协议格式;高消息量时可能影响性能,可调整最大显示条数、使用过滤或定期清理连接。具体收费与价格信息暂未提供。