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

Question

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

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

score 110 · Accepted Answer

您可以使用 Jan Odvarko 开发的 HAR 查看器。您可以在以下位置使用在线版本

score 89 · Accepted Answer

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

score 24 · Accepted Answer

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

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

score 23 · Accepted Answer

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

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

选择“HTTPArchive”选项

浏览到您的 HAR 文件

HAR 文件将在提琴手窗口上打开并重播。

score 17 · Accepted Answer

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

score 8 · Accepted Answer

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

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

当您“保存为带有内容的 HAR”时，此工具会处理您使用的“内容”。

score 7 · Accepted Answer

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

score 6 · Accepted Answer

如果我不迟到......

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

score 4 · Accepted Answer

4

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

于 2015-07-30T08:36:29.290 回答

score 4 · Accepted Answer

4

于 2019-12-19T19:10:47.747 回答

score 2 · Accepted Answer

HAR 导入在 Firefox 中无缝工作：打开 Web 开发人员 -> 网络选项卡 -> HAR -> 导入 ...（Web 开发人员工具的右上角）

score 1 · Accepted Answer

打开 chrome 浏览器。右键单击页面上的任意位置 > 检查元素 > 转到网络选项卡 > 拖放 .har 文件您应该会看到日志。

12 回答 12