HAR 文件分析 把 Chrome / Firefox / Safari DevTools 导出的 .har 文件直接拖进浏览器,立刻看到所有请求的列表、状态分布、耗时排行、Header / 请求体 / 响应体详情,并支持脱敏导出——剥掉 Authorization / Cookie / 请求体后再分享给同事或客服。整个工具纯前端运行,HAR 文件不出本地。
为什么浏览器里看 HAR
HAR(HTTP Archive)就是一份 JSON:log.entries[] 数组里每条是一次请求。本工具直接 JSON.parse 然后排版渲染,不需要任何后端,不需要安装任何扩展。导出 HAR 是浏览器内置的功能,但 DevTools 里看 HAR 体验并不好——已经发生过的请求按时间排,没有跨字段搜索、没法持久化筛选条件、想分享给同事还得手动删敏感字段。本工具就是为这个场景设计的。
隐私设计
HAR 文件常常带着完整的鉴权状态:登录后的 Cookie、Authorization Bearer token、表单 POST 体里的密码、响应里的 PII。任何把 HAR 上传到第三方分析服务的工具都是高危操作——一份生产环境 HAR 等于一段时间内的会话凭证。本工具:
不上传——HAR 永远只在你的浏览器里
脱敏导出——一键剥掉敏感 Header 与请求/响应体,剩下的元数据(URL、状态、耗时、Header 名)足以排障
断网可用——首次访问后离线也能继续分析
一屏完成
加载 HAR 后页面分四块:顶部信息条(文件名 + 请求总数 + 来源浏览器 + 文件大小 + 脱敏导出 / 关闭)、统计卡片(总请求 / 总流量 / 总耗时 / 最慢请求 / 4xx 数 / 5xx 数)、过滤栏(搜索 + 状态分组 chip + 类型下拉 + 命中数)、请求表(# / 方法 / URL / 状态 / 类型 / 大小 / 耗时条)。点任意请求弹出详情侧栏,七个 tab:概览 / 请求头 / 响应头 / 请求体 / 响应体 / Cookies / Timing。Esc 或点击遮罩关闭,跟原生 DevTools 操作差不多。
配套工具
只想看一段 JSON 用 JSON 工具(高亮 + JSONPath 过滤);想跑数据分析用 DuckDB SQL 工作台 或 Parquet 预览;要美化 SQL / JS 用 代码格式化。整条「拿到一份数据 → 先看一眼 → 做分析 → 给结果」的链路都在 365 工具箱里,不需要离开。