【工具自荐】StreamPanel浏览器插件能更好的查看stream流式信息，方便ai聊天类应用的开发与调试 #8582
Description
简介
Stream Panel 是一个 Chrome DevTools 扩展，允许开发者实时监控和检查流式请求。它支持 服务器发送事件 (SSE) 和 基于 Fetch 的流式连接，是调试流式 API 和查看实时数据推送的必备工具。
功能特性
- 🔍 实时监控：拦截并显示所有 EventSource 和基于 Fetch 的 SSE 连接
- 📊 消息检查：查看详细的消息数据，支持 JSON 语法高亮
- 🔗 连接管理：同时跟踪多个流式连接
- 🎯 URL 过滤：按 URL 过滤连接，专注于特定端点
- 🔎 消息筛选：根据 JSON 字段值筛选消息，支持自动完成字段选择器
- 全等/包含匹配模式
- 多条件筛选，使用 AND 逻辑
- 嵌套字段支持（点号表示法）
- 实时筛选统计
- 🔍 高级消息搜索：在所有消息内容中进行全文搜索，支持关键词高亮
- 💾 数据导出：支持 JSON 或 CSV 格式导出捕获的数据
- 导出当前连接或所有连接
- UTF-8 BOM 支持，确保 Excel 正确编码
- 支持导出筛选后的数据
- 📋 筛选预设：保存和管理自定义筛选配置
- 将当前筛选条件保存为可复用预设
- 快速加载已保存的预设
- 管理预设库（删除、重命名）
- 🔄 消息重放：复制消息数据用于重放和测试
- 📈 连接统计：查看全面的分析数据
- 总连接数和消息统计
- 活跃连接监控
- 每个连接的详细统计和持续时间追踪
- 🖼️ Iframe 支持：监控主页面和 iframe 中的流式连接
- 📐 可调整列宽：调整表格列宽以提高可读性
- 🌓 深色模式：根据系统偏好自动支持深色模式
链接
仓库地址：https://github.com/bywwcnll/StreamPanel
界面截图
