HAR 文件检查器 (HTTP Archive 查看器)
文件
在浏览器 DevTools 中录制网络活动并导出后,得到一个 HAR (HTTP Archive) 文件 — 一个包含本次录制所有请求、响应、时序的 JSON 文档。重新载入浏览器很麻烦 (要打开 DevTools,大 HAR 会卡)。本检查器在本地解析 HAR,呈现你通常想知道的事: 请求数、总传输大小、总耗时、唯一主机数。然后按内容类型 (document/script/stylesheet/image/font/xhr/media) 拆分并给出每类字节合计,按状态段 (2xx/3xx/4xx/5xx) 拆分让失败一眼可见。Top-5 最慢与 Top-5 最大表格指出明显性能嫌疑。摘要下方所有条目位于可排序可过滤表 — 搜 URL、按类型缩小、隔离错误、按大小或时长排序。不会上传;文件由浏览器解析并留在你的机器上。
—
使用方法
- 在任何现代浏览器中打开 DevTools → Network 标签。重载要分析的页面。右击任意请求并选择 'Save as HAR with content' (Chrome) / 'Save All As HAR' (Firefox) / 'Export HAR' (Safari)。
- 把 .har 文件拖到本工具 — 或点击从磁盘选择。
- 查看摘要瓦片中的头条数字 (条目数、总字节、总时间、主机数)。
- 用按类型和按状态面板查看重量与错误集中在哪里。最慢/最大表格识别明显嫌疑。
- 用 URL 子串、内容类型或成功/错误过滤条目表。按大小或时间排序找出最重项。
常见问题
- 什么是 HAR 文件?
- HTTP Archive 格式 — W3C Web Performance 组维护的 JSON 规范。所有主流浏览器的 DevTools 都能把 Network 面板导出为 .har。包含每个请求的时序分解 (DNS、connect、SSL、wait、receive)、完整请求/响应头,以及 (可选) 响应体。本工具读取标准 1.2 模式。
- 会显示响应体吗?
- 本视图不显示 — 仅元数据 (URL、状态、大小、时间、内容类型)。HAR 文件导出时若勾选 'Include sources' / 'with content' 可包含实际响应负载。浏览这些响应体是 DevTools 的事;本工具聚焦于易于总结的请求级形态。
- 大小怎么测量?
- 若存在且为正,使用 `response.content.size` (解码后的响应体字节数);否则回退到 `response.bodySize` (线上字节数)。对重定向或缓存响应两者都可能是 0 或 -1,这类条目在此显示 '0 B'。总字节是各条目数值之和 — 接近但不等同于实际网络传输 (压缩与分块差异)。
- 为什么有些条目是 'failed'?
- DevTools 给从未收到响应的请求分配状态 0 — DNS 失败、CORS 拦截、扩展拦截、用户中止、网络断开。在状态面板显示为 'failed',行变红。
- 我的 HAR 会泄露到什么地方吗?
- 不会。文件用浏览器的 FileReader API 读取并在本页 JavaScript 内解析,不会用其内容发起任何网络请求。可以在文件载入状态下查看自己的 DevTools Network 标签验证 — 不会出现外发请求。