無需 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 或文档，这样团队能同时看到源码和效果。