StepCodex FeaturedStepCodex Reviews
Notion Docs

分析浏览器导出的网络数据包 免费在线工具,无需登录、无需注册。

本地运行个人数据安全

Loading Tool Engine

使用说明与技术 FAQ

使用说明

  1. 选择导入 HAR 文件或抓包导出的数据。
  2. 查看请求清单与时间线指标。
  3. 聚焦于错误码、耗时与重试行为。
  4. 复制关键结论用于定位性能或网络问题。
  5. 分享 HAR 前务必脱敏:Authorization、Cookie、URL 中的 token、响应体中的 PII。
  6. 按瀑布图查看阻塞关系:CSS/JS 串行、字体阻塞渲染、第三方脚本长尾等。
  7. 对比两次 HAR(优化前后)时固定相同网络与浏览器版本,避免噪声。
  8. 关注 `stalled`/`DNS`/`SSL`/`TTFB` 各阶段占比,定位是链路问题还是服务端问题。
  9. 若含 Service Worker 缓存命中,条目可能与直连网络表现不一致。
  10. 超大 HAR 会拖慢页面渲染,可先按域名或路径过滤再深入。
  11. 先阅读页面标题与简介,确认当前工具覆盖的场景与你的任务一致(避免用错工具导致理解偏差)。
  12. 在输入区粘贴或键入数据;若页面提供「示例 / 模板」,可先载入再替换为自己的内容以熟悉输出格式。

相关技术知识

  • HAR 以 JSON 记录浏览器网络交互。
  • 分析通常围绕时序、状态码与资源大小。
  • 若 HAR 不完整,某些指标可能缺失。
  • 建议先过滤无关域名以提升阅读效率。
  • HAR 1.2 与工具实现差异可能导致字段可选;导入失败时检查 JSON 是否被截断。
  • 重定向链在 HAR 中体现为多条记录,需串联查看最终资源。
  • 预检 OPTIONS 与正式请求分开记录,排查 CORS 时两者都要看。
  • 压缩传输时 `content.size` 与 `bodySize` 可能不同,勿混淆。
  • 本工具多在本地解析 JSON,本地安全处理保障 HAR 数据安全(以页面说明为准)。
  • 合规提醒:HAR 属于高敏感运维数据,存储与传输需遵守公司数据分级策略。
  • 本类工具的核心解析与计算在浏览器端执行,默认不把原始业务载荷持久化到本站服务器(具体以页面隐私说明为准)。
  • 处理管线通常为:读取输入 → 词法/语法或结构化解析 → 规则变换 → 格式化输出;任一步失败都会尽量给出可定位错误信息。