无需 AI本地预览可导出调试友好

HAR 文件瀑布流查看器

粘贴HAR 文件瀑布流查看器相关源码，立即生成可检查、可截图、可导出的预览。适合预览 AI 生成的脚本、API 调试材料和技术文档片段。

示例

HAR 文件瀑布流查看器输入

{
  "log": {
    "version": "1.2",
    "creator": {
      "name": "DiagramPreview"
    },
    "entries": [
      {
        "startedDateTime": "2026-06-16T10:00:00.000Z",
        "time": 82,
        "request": {
          "method": "GET",
          "url": "https://app.example.com/checkout"
        },
        "response": {
          "status": 200,
          "content": {
            "mimeType": "text/html"
          }
        },
        "timings": {
          "wait": 55,
          "receive": 12
        }
      },
      {
        "time": 146,
        "request": {
          "method": "POST",
          "url": "https://api.example.com/cart/validate"
        },
        "response": {
          "status": 200,
          "content": {
            "mimeType": "application/json"
          }
        },
        "timings": {
          "wait": 118,
          "receive": 16
        }
      },
      {
        "time": 312,
        "request": {
          "method": "POST",
          "url": "https://api.example.com/orders"
        },
        "response": {
          "status": 201,
          "content": {
            "mimeType": "application/json"
          }
        },
        "timings": {
          "wait": 280,
          "receive": 20
        }
      }
    ]
  }
}

HAR 文件瀑布流查看器结果就绪

预览结果会显示在这里。

使用方法

1先粘贴一个聚焦的小样例，不要一开始就放完整生产文件。
2加载示例了解输入格式，再替换成自己的内容。
3检查预览中的缺失分支、慢请求、无效选择器或不清晰标签。
4结果确认后复制源码，或导出生成的预览产物。

常见场景

在提交文档前调试 AI 生成的脚本和配置片段。把浏览器、API、路由、Schema 或发布元信息变成可快速 review 的界面。为 README、Issue、内部文档和发布记录生成轻量截图。

常见问题

这个工具会把源码发送给 AI 服务吗？

不会。当前支持的解析路径都在浏览器本地完成预览。

解析器等同于完整生产编译器吗？

不是。它优先覆盖常见预览和调试场景，原始源码仍然应该作为最终依据。

适合检查 AI 生成的内容吗？

适合。它的目标就是在大模型生成文本后，快速发现结构、预览和路由层面的明显问题。

HAR 文件瀑布流查看器面向需要快速预览脚本、配置和可视化源码的开发者。它不会替代正式测试，但能把文本变成更容易 review 的界面。

很多 AI 工具可以生成配置、SVG、JSONPath、Nginx 片段或 Schema，但通常不给稳定预览。这个页面补上了生成后的检查步骤。

建议把原始输入和导出的预览一起放进 PR、Issue 或文档，这样团队能同时看到源码和效果。