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

117

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

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

debugging google-chrome har

— DefyGravity
source

到目前为止，我有一个“一次观看”的观众

— DefyGravity

9

关于超级用户的这个问题基本上是相同的，并且有不错的答案：superuser.com/questions/360992/…–

— David Fraser

86

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

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

— 尼扎尔
source

1

FWIW，当您使用“另存为具有内容的HAR”时，这似乎无法处理“内容”。除此之外，它还是一个不错的HAR观看器。

— Doktor J 2014年

尚未通过Chrome调试器在“全部保存为har”选项上运行。但是，我将继续对其进行检查。

— DefyGravity 2014年

刚刚从一个非常繁重的网站上开始运作。不错的应用程序

— DefyGravity 2014年

7

警告：就像“在线” HAR查看器听起来一样，我会有点担心该服务器对HAR所做的工作-是否保存？分析吗？HAR可能包含敏感的个人数据。.我个人不会将HAR上传到其他人的服务器..现在，如果它是由客户端发送给我的，我想那将是另外一回事了..哦，等等，不会。

— 没必要，2017年

@nothingisnecessary-HAR Viewer仅在浏览器中运行，没有服务器端组件可以“查看” HAR文件。

— 保罗·格莱姆

56

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

— 柴
source

要将HAR文件拖到“网络”选项卡中，最需要在同一个域中打开开发工具

— -ScottyG

很棒的主意，但是带有警告的镶边似乎并不喜欢其他工具输出的日期格式（无论如何我都是+1）

— Alex KeySmith

@ScottyG我刚刚尝试从另一个域导入.har文件，但它起作用了。使用版本73.0.3683.103

— 拉尔·平托

@RaulPinto谢谢！是的，我认为这是v73中的一项新功能

— ScottyG，

2

不论您在哪个域中，该功能都可以在Firefox中使用。

— 布雷迪·道林

23

有两种在线，离线工具如何执行此操作：

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

— 萨尔瓦多·达利
source

2

HAR分析器能够平滑分析比HAR Viewer大得多的HAR文件。

— Stephan

16

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

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

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

选择“ HTTPArchive”选项

浏览到您的HAR文件

HAR文件将打开并在提琴手窗口中重放。

— 赤壁Chakaravarthi
source

1

我发现将其导出为原始文件，然后加载html文件使我可以在任何浏览器中重播控制台日志。

— mikeytown2

我喜欢使用fiddler，因为我可以重播har文件中的特定请求（更改令牌ofc）以查看其效果。我个人使用Fiddler已有很长时间了，并且由于该线程引用了很多在不同情况下都可以使用的工具，因此最终使用户感到舒适。

— 赤壁Chakaravarthi

我也最喜欢这个答案。对于非常大的HAR文件，Fiddler允许我过滤以及删除多余的消息（我也已经使用Fiddler相当一段时间了，因此它对包括重播在内的功能感到最舒服）

— HidekiAI

8

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

如果使用Avalanche负载生成器，则可以使用Harhar以很高的负载重播HAR文件：https ://acastaner.github.io/harhar/

当您“将内容另存为HAR”时，此工具可以处理您使用的“内容”。

— 阿斯塔尔
source

2

我知道自OP请求以来已经过去了几个月，但是应该将其视为正确的答案，因为上述工具确实可以“播放” HAR文件。非常好的建议，@ Astaar。

— Charles Roberto Canato 2015年

它完全用C＃编写。“在Windows和Linux上工作（单声道）”

— Trindaz

除了完全同意Astaar和Charles之外，我还发现了另一个：github.com/Stuk/server-replay

— quetzalcoatl

6

Chrome现在支持加载HAR文件。打开Chrome，按F12，然后点击“网络”标签。拖放.har文件完成！

— 赤壁Chakaravarthi
source

4

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

— 赞德
source

2

打开Chrome并点击F12
点击网络
将har文件拖放到chrome网络标签中。

— 克里希纳
source

2

如果我不迟到...

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

— 桑杰·莫里亚（Sanjay Maurya）
source

1

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

HAR导入选项

— 拉利塔南·丹奇
source

0

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

— Arjun Thakur
source

0

拖放是最佳解决方案。我只是通过单击HAR导入图标来显示另一种导入方法：

— 巴拉尼
source