上传 Chrome DevTools HAR 文件, 本地生成性能、缓存、主机、资源、状态码和安全响应头报告。
- 本地处理
- 分类 开发运维
- 适合 格式化、校验、压缩或检查和代码相关的文本。
- 主 HTML 缺少安全响应头: content-security-policy, strict-transport-security, x-content-type-options, referrer-policy
- 1 cacheable-looking assets have weak Cache-Control.
这个工具能做什么
HAR 性能分析器会把浏览器网络导出文件变成可读的工程报告, 不上传捕获内容。读取 Chrome、Edge、Firefox 等浏览器导出的 `.har` 后, 工具会统计请求数、传输体积、响应正文体积、失败请求、第三方主机、MIME 类型、最慢请求、大体积资源、缓存头偏弱的静态资源, 以及主 HTML 缺失的安全响应头。
它适合页面感觉慢但还没进入复杂监控系统之前的第一轮排查。开发者可以把 Markdown 贴进 issue, 性能负责人可以导出请求表 CSV, 创业者也能先用它检查落地页是否有明显资源和第三方请求问题。JSON 输出保留结构化指标, 方便后续自动化处理。
和普通 HAR 查看器相比, 这个工具更偏向行动清单: 先指出失败请求和最慢请求, 再看大资源、缓存策略和安全响应头。你不需要把瀑布流截图来回传, 也不需要安装桌面软件, 一个本地报告就能把前端、后端、SEO 和运营都能理解的问题列清楚。
工具细节
- 输入
- 文件 + 文本 + 数值
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 可分享链接状态
- 关键设置会进入 URL，复制链接后别人能复现同一组参数。
- 性能预算
- 首屏 JS ≤ 36 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 开发运维 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
HAR 性能分析器 适合怎么用
适合穿插在写代码、查问题、做 Review、上线前的小任务里。
适合开发场景
- 格式化、校验、压缩或检查和代码相关的文本。
- 把片段整理好再放进文档、工单、提交或交接材料。
- 不切换工具,快速检查一个小 payload。
开发检查项
- 压缩、混淆这类不可逆处理,先对副本操作。
- 除非确认工具本地处理,不要粘贴密钥和敏感片段。
- 转换后的代码上线前,仍要跑自己的测试或 lint。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
把页面慢的问题变成具体工单
从 DevTools 导出 HAR, 把 Markdown 报告贴进 issue, 附上最慢请求和大体积资源。
上线前检查第三方成本
看外部主机请求数量, 同时确认主 HTML 是否缺安全响应头。
常见踩坑
HAR 导出可能包含敏感 URL 和响应头, 不要公开原始文件。
有缓存参与时传输体积会受浏览器影响, 对比时要保持相同缓存设置。
隐私说明
HAR 解析在本地完成。分享报告前请检查, 因为 URL、查询参数和主机名仍可能敏感。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。