如何在Chrome DevTools中批量复制端点事件流数据？求替代方案

Chrome DevTools 内的实现方式 #

• 控制台脚本批量捕获导出
  在DevTools的Console标签页运行以下脚本，可自动收集指定SSE端点的所有消息，完成后一键复制到剪贴板：

  // 替换为你的SSE端点URL关键词，比如"/api/events"
  const targetUrlKeyword = "/your-sse-endpoint-path";
  const collectedMessages = [];
  
  // 拦截EventSource的消息监听，捕获所有事件
  const originalAddListener = EventSource.prototype.addEventListener;
  EventSource.prototype.addEventListener = function(type, callback) {
    if (this.url.includes(targetUrlKeyword)) {
      return originalAddListener.call(this, type, (event) => {
        collectedMessages.push({
          eventType: event.type,
          data: event.data,
          timestamp: new Date().toISOString()
        });
        callback(event);
      });
    }
    return originalAddListener.call(this, type, callback);
  };
  
  // 收集完成后，在控制台执行以下命令复制所有数据
  // copy(JSON.stringify(collectedMessages, null, 2))
  

  操作步骤：

  1. 打开DevTools的Console标签
  2. 粘贴脚本并替换targetUrlKeyword为你的SSE路径关键词
  3. 刷新页面，脚本会自动开始捕获后续的SSE消息
  4. 待所有事件流接收完毕，在控制台输入copy(JSON.stringify(collectedMessages, null, 2))，即可将结构化的消息数据复制到剪贴板

• Network标签页的批量复制（需开启实验功能）

  1. 打开DevTools的Network标签，在过滤栏选择EventStream类型
  2. 找到目标SSE请求，右键选择Copy > Copy all messages
     注意：部分Chrome版本默认没有该选项，需先在chrome://flags/#devtools-experimental-web-platform-features中启用实验性功能，重启浏览器后即可使用。复制的内容为原始文本格式，可直接粘贴到编辑器整理。

其他可行方案 #

• curl命令行捕获
  在终端执行命令，直接将SSE流完整保存到本地文件：

  curl -N "https://your-sse-endpoint-url" > sse-full-log.txt
  

  -N参数禁用缓冲，确保实时接收并写入所有事件数据，关闭终端即可停止捕获。

• SSE专用调试扩展
  安装如SSE Inspector这类浏览器扩展，这类工具内置了一键导出所有捕获的SSE事件流功能，无需手动编写脚本，操作更直观。

内容的提问来源于stack exchange，提问作者Dinesh Sonachalam