ZeroTool Workbench
HAR 文件分析器
拖入浏览器 DevTools 导出的 HAR 文件,分析请求瀑布、状态码、Header / Cookie 与耗时瓶颈。纯客户端,HAR 不离开浏览器。
使用方法
- 打开浏览器 DevTools,进入 Network 面板,将会话导出为 .har 文件。
- 将文件拖到拖拽区(或点击选择)。解析过程在你的浏览器内完成。
- 在 概览(统计)、瀑布(时序)、详情(Header / Cookie / Body)、筛选与导出(裁切下载)之间切换。
- 点击任意瀑布行可直接跳到该请求的详情视图。
- 点击 重置 清除内存中的 HAR 数据。
瀑布阶段
瀑布按 HAR 1.2 timings 字段分 6 段绘制:
- 排队 / Stalled —
blocked - DNS 解析 —
dns - 建立连接 —
connect(按 HAR 1.2 已包含ssl) - 请求发送 —
send - 等待(TTFB) —
wait - 内容下载 —
receive
隐私
HAR 文件经常包含 Authorization、Cookie、响应体等敏感信息,上传到云端分析器有风险。ZeroTool 使用 FileReader + JSON.parse 在浏览器中完成解析,不上传、不持久化,刷新即清空。
FAQ
HAR 文件是什么?
HAR(HTTP Archive)是基于 JSON 的归档格式,记录浏览器一次会话中的全部网络请求 —— URL、方法、状态、Header、Cookie、时序与响应体。Chrome、Firefox、Safari、Edge DevTools 都可以将 Network 面板导出为 .har 文件。
如何从浏览器导出 HAR?
Chrome / Edge DevTools 中打开 Network 面板,右键任意请求选『另存为 HAR(包含内容)』即可。Firefox 在同样的右键菜单中选『全部另存为 HAR』。Safari 在 Network 面板顶部的齿轮按钮中提供导出。
我的 HAR 会被上传吗?
不会。本工具用 FileReader 在浏览器内完整解析,不上传服务器、不登录、不追踪。点击重置按钮即清除内存中的状态,工具也不会跨页面刷新持久化任何 HAR 数据。
瀑布的 6 段颜色代表什么?
对齐 Chrome DevTools 标准,映射到 HAR 1.2 spec 的 timings 字段:排队 (blocked)、DNS (dns)、连接 (connect —— 按 spec 已包含 ssl)、发送 (send)、等待 / TTFB (wait)、接收 (receive)。某字段为 -1 表示该阶段未发生,瀑布上不画。
为什么 entry.time 与 timings 之和有时不一致?
HAR 1.2 规范要求 entry.time = blocked + dns + connect + send + wait + receive(仅累加非负字段;ssl 不入和因其已包含在 connect 内)。如果不一致,是导出工具不严格。ZeroTool 容忍 2ms 内的浮点误差,依然渲染请求。
筛选与导出能做什么?
按状态码段(2xx/3xx/4xx/5xx/其他)、资源类型(script / stylesheet / image / json / ...)、域名筛选请求。可将筛选后的子集导出为更小的 .har 文件,或一键将匹配的请求复制为可重放的 cURL 脚本。