如何查看/重播与内容一起保存的 chrome 网络调试器 har 文件？

Posted 2023-03-10

技术标签:

【中文标题】如何查看/重播与内容一起保存的 chrome 网络调试器 har 文件？【英文标题】：How do I view / replay a chrome network debugger har file saved with content? 【发布时间】：2013-04-18 10:01:58 【问题描述】：

我喜欢网络调试器，也就是说，有哪些程序可以让我在多个“hars”中前进和后退，以便我可以重播它们？如果“hars”与内容一起保存，回放也可以处理吗？

现在我只是在文本板中通读，但如果我必须展示我的任何发现，一个好的“har 播放器”可以极大地帮助非技术人员。

【问题讨论】：

到目前为止，我有一个'one at a time' viewer 这个关于超级用户的问题本质上是一样的，答案也不错：superuser.com/questions/360992/… 【参考方案1】：

您可以使用 Jan Odvarko 开发的 HAR 查看器。您可以在

处使用在线版本 http://www.softwareishard.com/har/viewer/（旧版） http://gitgrimbo.github.io/harviewer/master/（最新的 master 分支）

或在https://github.com/janodvarko/harviewer下载源代码。

编辑：Chrome 62 DevTools 包含 HAR 导入功能。 https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

【讨论】：

FWIW 当您使用“另存为带有内容的 HAR”时，这似乎无法处理“内容”。除此之外，它还是一个不错的 HAR 查看器。还没有让它在 chrome 调试器的“全部保存为 har”选项上工作。不过，我会继续检查它。今天刚从一个相当繁重的网站上运行它。不错的应用警告：尽管“在线”HAR 查看器听起来很棒，但我会有点担心该服务器对 HAR 的操作 - 它是否正在保存它？分析它？ HAR 可能包含敏感的个人数据.. 我个人不会将 HAR 上传到其他人的服务器.. 现在如果它是由客户发送给我的，我想那将是另一回事.. 哦，等等，不，它不会。 @nothingisnecessary - HAR 查看器仅在浏览器中运行，没有服务器端组件可以“查看”HAR 文件。【参考方案2】：

Chrome 开发工具的“网络”工具现在允许您通过拖放到窗口中来导入 HAR 文件。

【讨论】：

要将 HAR 文件拖到网络选项卡中，您需要在同一个域中打开开发工具好主意，但需要注意的是，chrome 似乎不喜欢其他工具输出的日期格式（无论如何我 +1） @ScottyG 我刚刚尝试从另一个域导入 .har 文件，它成功了。使用版本 73.0.3683.103 同样的事情也适用于 Firefox，无论你在哪个域上。现在有箭头图标可以导出和导入 HAR 文件。不再需要右键单击或拖放。【参考方案3】：

有几个在线、离线工具可以做到这一点：

HAR viewer HAR analyser

但我最喜欢的是browser extension（在 chrome 中尝试过，希望它可以在其他浏览器中使用）。安装后，它在your apps 中显示为HAR 查看器。然后您可以上传您的 HAR 文件并查看如下内容：

【讨论】：

HAR 分析器能够流畅地分析比 HAR 查看器大得多的 HAR 文件。【参考方案4】：

重放 har 文件最可靠的方法是使用像 Fiddler 这样的免费工具，该工具始终免费并且可以快速下载。打开 har 文件的站点都是错误的，无法打开大文件。 Fiddler 适用于所有平台。

https://www.telerik.com/download/fiddler

转到文件菜单 -> 导入会话...

选择“HTTPArchive”选项

浏览到您的 HAR 文件

HAR 文件将在 fiddler 窗口中打开并重放。

【讨论】：

我发现将其导出为原始文件然后加载 html 文件允许我在任何浏览器中重放控制台日志。我喜欢使用 fiddler，因为我可以重放来自 har 文件的特定请求（更改令牌 ofc）以查看其效果。我个人已经使用 Fiddler 很长时间了，由于这个线程已经引用了很多在不同情况下都可以工作的工具，所以最终归结为个人舒适。我也最喜欢这个答案；对于非常大的 HAR 文件，Fiddler 允许我过滤和删除多余的消息（我也已经使用 Fiddler 很长时间了，所以它的功能包括回放感觉最舒服）【参考方案5】：

Chrome 现在支持加载 HAR 文件。打开 Chrome，按 F12，单击网络选项卡。拖放 .har 文件完成！

【讨论】：

【参考方案6】：

编辑：Harhar 现在是开源的。我已经更新了下面的网址。

如果您使用 Avalanche 负载生成器，您可以使用 Harhar 在非常高的负载下重放 HAR 文件：https://acastaner.github.io/harhar/

此工具处理您在“另存为带有内容的 HAR”时使用的“内容”。

【讨论】：

我知道自从 OP 询问以来已经过去了几个月，但这应该被认为是正确的答案，因为提到的工具真的可以“播放”一个 HAR 文件。非常好的建议，@Astaar。它完全用 C# 编写。 “适用于 Windows 和 Linux（单声道）” 除了完全同意 Astaar 和 Charles，我刚刚找到另一个：github.com/Stuk/server-replay【参考方案7】：

如果我不迟到的话......

对于 Firefox，可以从“网络”选项卡中导入相同的 har 文件。

【讨论】：

【参考方案8】：

拖放是最好的解决方案。我只是通过单击 HAR 导入图标来展示另一种导入方式：

【讨论】：

【参考方案9】：

Hardiff.com 是非常有用的工具。它允许您比较一个或多个.har 文件。

【讨论】：

【参考方案10】：

har

【讨论】：