马上默 在线轻量工具箱
登录

SSE 流式接口测试器

输入 text/event-stream 接口地址，用 EventSource 或 fetch 流式读取 双模式建立连接，逐条实时展示事件、心跳与数据帧；内置大模型假流演示，可观察断线重连与 Last-Event-ID 行为，全程本地运行不上传。

1连接设置

事件 0 字符 0 时长 0s 状态 未连接

2事件流实时视图

等待连接… 没有可访问的 SSE 接口？点左侧「本机演示模式」看假流效果

3场景回放与帧解析实验室

从六组真实场景预设里选一组，按播放或单步观察帧如何落地；也可以把后端实际吐出的原始事件流粘进来，逐帧拆出 event / id / retry / data 并统计字节分布。

① 场景预设与回放

未开始：选一个场景后点「播放」或「单步」。

② 帧时间轴（自绘 SVG）

③ 原始事件流逐帧解析

#eventidretry字节data / 注释
粘贴事件流后点「解析帧」

方案管理 · 数值对比 · 导出

调好的参数可存成方案随时载入，也能生成可分享链接；结果里的数值列会自动画成对比图，并支持导出 CSV / JSON。

最近方案 暂无

📡口径说明与常见误填

EventSource 与 fetch 流式双模式，连接由浏览器直接发起

协议格式
text/event-stream，每帧由 data:、event:、id: 字段组成，帧之间用空行分隔。
双模式
EventSource 走浏览器原生自动重连；fetch 流式按字节读取，可观察原始帧落地过程。
断线重连
演示模式第 10 帧模拟掉线，重连时自动携带 Last-Event-ID 请求头续传。
统计面板
事件数、字符数、时长、连接状态实时累计，日志可复制或下载。
本地运行
页面不中转任何数据；接口若未开 CORS 浏览器会拦截并提示原因。

这个工具解决什么问题

调试大模型打字机输出或事件推送接口时，最难看清的就是"服务器到底一帧帧发了什么"。本工具输入接口 URL 即可用 EventSource 或 fetch 流式 建立连接，把 data/event/id 帧、心跳与耗时逐条实时展示；没有现成接口可点「本机演示模式」观察标准事件流形态与断线重连行为，SSE 调试全程在浏览器本地完成。

三条调试要点

① Content-Type 必须是 text/event-stream：错了浏览器直接当普通响应，EventSource 收不到任何帧。

② 帧间必须有空行：少一个空行所有 data 会被拼成一帧，流式解析要严格按空行切帧。

③ 代理别缓冲：Nginx 需关闭 proxy_buffering，否则帧被攒成一坨，打字机效果直接消失。

怎么用

  1. 第 1 步 · 选模式填地址
    EventSource 或 fetch 流式二选一，填入返回 text/event-stream 的接口 URL，可指定自定义事件名。
  2. 第 2 步 · 点连接看实时流
    右侧日志逐帧展示事件类型、数据内容与时间戳，状态变绿表示连接成功。
  3. 第 3 步 · 没接口用演示模式
    点「本机演示模式」看大模型风格假流，第 10 帧自动模拟掉线重连与 Last-Event-ID 续传。
  4. 第 4 步 · 看统计导出日志
    事件数、字符数、时长实时累计，结束后一键复制或下载完整日志贴给后端。

更新记录

  • v1.0 2026-11-02
  • 2026-11-02 上线首个版本
  • 2026-11-02 新增 fetch 流式模式与断线重连演示

常见问题

SSE 和 WebSocket 的区别是什么？
SSE 是基于 HTTP 的单向服务器推送，协议就是纯文本 text/event-stream，浏览器原生 EventSource 支持自动重连；WebSocket 需要协议升级、是全双工长连接。大模型打字机输出、消息通知这类服务端单向推送场景，SSE 实现更简单。
EventSource 在线测试工具怎么用？
填上返回 text/event-stream 的接口 URL 点连接，即可逐条看到 data、event、id 帧；若接口没开 CORS（Access-Control-Allow-Origin）浏览器会拦截，页面会提示原因，也可用本机演示模式先观察标准事件流形态。
大模型流式输出怎么接收？
OpenAI 兼容接口常用 fetch 加 ReadableStream 读取字节流，按空行切分 SSE 帧后再解析每帧 JSON；原生 EventSource 也能收。切到本页 fetch 流式模式即可看到原始字节按帧落地。
SSE 断线重连怎么处理？
EventSource 断线后会自动重连，并携带 Last-Event-ID 请求头告诉服务端上次收到哪条消息，服务端据此从断点续传。本页演示模式在第 10 帧模拟一次掉线，日志可见重连与续传标记。
text/event-stream 怎么调试？
重点查三点：响应 Content-Type 是否为 text/event-stream、帧之间是否有空行分隔、是否被反向代理缓冲（Nginx 需关闭 proxy_buffering）。本页按帧展示时间与字节数，缓冲问题一眼可见。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言，来抢沙发吧！

✍️ 说点什么
0 / 500
图形验证码

🔗 相关工具

📖 OpenAPI 文档查看器Swagger 文档在线预览 → 📡 PostMessage 跨域调试器父子页面通信演示 → 🤝 TCP 三次握手模拟器握手挥手时序动画 → 🔧 curl 命令转换生成器curl 秒变五种语言代码 →
👣 做完这一步，顺便看看
🏛️ 凯撒密码解密 凯撒密码解密 ：1~25 位位移加解密、ROT13 一键转换… → 🔤 乱码转换器在线修复 乱码转换器在线 ：把“锟斤拷”“�”“涓枃”“😀”等乱… → 📸 代码截图美化工具 在线代码转图片工具：粘贴或输入代码（支持 JavaScrip… → 🎨 WCAG 对比度检测工具 在线颜色对比度检测工具：输入前景文字色与背景色（支持 #he… →
全部工具 →