如何查看/回放保存有内容的Chrome网络调试器HAR文件?

194

我喜欢网络调试器,但是,有哪些程序可以让我向前和向后跨越多个“har”以便我可以重放它们?如果“har”保存了内容,重放是否也可以处理这些内容?

目前我只能在文本编辑器中阅读,但如果我不得不呈现任何发现,一款漂亮的“har播放器”可能会极大地帮助非技术人员。


到目前为止,我有一个“逐个查看”的查看器 - DefyGravity
9
这个问题在Superuser上基本相同,有不错的答案:http://superuser.com/questions/360992/what-format-does-google-chrome-developer-tools-save-data-as - David Fraser
使用 Chrome 的“网络 > 导入 HAR 文件”功能(类似于导出) - Manohar Reddy Poreddy
12个回答

125

2
就此而言,它似乎无法处理使用“保存为带内容的HAR”时的“内容”。除此之外,它是一个不错的HAR查看器。 - Doktor J
目前还无法在Chrome调试器的“全部保存为HAR”选项上运行它。不过,我会继续关注它的。 - DefyGravity
今天我终于从一个非常繁重的网站上成功地运行了它。这是一个不错的应用程序。 - DefyGravity
30
警告:虽然“在线”HAR查看器听起来很棒,但是我会对该服务器正在对HAR执行什么操作感到有些担忧-它是在保存吗?分析它?HAR可能包含敏感的个人数据...我个人不会将HAR上传到别人的服务器上...现在,如果客户将其发送给我,那可能就是另一回事了...哦,等等,也不是。 - nothingisnecessary
1
@nothingisnecessary - HAR Viewer 只能在浏览器中运行,没有任何服务器端组件会“看到”HAR文件。 - Paul Grime
Jon Odvarko的Harviewer非常容易从源代码构建(一旦安装了NPM)-在我看来,这是查看HAR文件的最佳方式。内置的Chrome功能仅呈现Harviewer中可用的一种视图。此外,它要求您运行专有浏览器。 - Lambart

123
  1. 拖放:

Chrome Dev Tool的“Network”工具现在可以通过拖放HAR文件到窗口中来导入。

或者

  1. 使用导入HAR按钮: import har file in chrome under network tab

将HAR文件拖到网络选项卡中,您必须在相同域上打开开发工具。 - ScottyG
@ScottyG,我刚刚尝试导入来自另一个域的.har文件,它可以正常工作。使用的版本是73.0.3683.103。 - Raul Pinto
3
同样的功能在Firefox中也适用,无论你在哪个域名下。 - Brady Dowling
1
现在有箭头图标可以导出和导入HAR文件,不再需要右键点击或拖放。 - AndrewF
使用开发者工具中的“保存所有内容为HAR”获取的文件时,导入会失败,但使用“复制所有内容为HAR”创建的文件则可以正常工作。也许这是Chromium的一个特性,因为它在Edge上也能正常工作。 - Sandra Rossi
显示剩余2条评论

27

回放har文件最可靠的方法是使用免费工具,例如Fiddler,这个工具始终是免费的并且可以快速下载。打开har文件的网站都存在错误并且无法打开大文件。Fiddler适用于所有平台。

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

进入文件菜单->导入会话...

打开Fiddler

选择“HTTPArchive”选项

选择Http Archieve选项

浏览到您的HAR文件

在此输入图像描述

HAR文件将在Fiddler窗口上打开并回放。


1
我发现将其导出为原始文件,然后加载HTML文件可以让我在任何浏览器中重放控制台日志。 - mikeytown2
我喜欢使用Fiddler,因为我可以从har文件中重放特定请求(当然要更改令牌),以查看其效果。我个人已经使用Fiddler很长时间了,由于这个帖子引用了许多在不同情况下都有效的工具,最终还是取决于个人舒适度。 - C B
我也最喜欢这个答案;对于非常大的HAR文件,Fiddler允许我过滤和删除多余的消息(我已经使用Fiddler相当长一段时间了,所以它的能力包括重放让我感到最舒适)。 - HidekiAI
现在,Fiddler不再免费。 - harshavmb

25

有几种在线、离线工具可以完成这个操作:

但我最喜欢的是一款浏览器扩展(在Chrome中尝试过,希望它也能在其他浏览器中运行)。安装后,它会出现在你的应用程序中,名为HAR查看器。然后你可以上传你的HAR文件并看到像这样的东西:

enter image description here


2
HAR分析器能够比HAR查看器更顺畅地分析更大的HAR文件。 - Stephan

24

Chrome现在支持加载HAR文件。 打开Chrome,按F12,在网络选项卡上点击鼠标。 将.har文件拖放到窗口中即可完成操作!


9
拖放是最好的解决方案。我只是展示了另一种通过点击HAR导入图标进行导入的方法: 在此输入图片描述

8

编辑:Harhar现在是开源的。我已经更新了下面的URL。

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

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


2
我知道自 OP 提问以来已经过了几个月,但是这个答案应该被视为正确的答案,因为提到的工具确实可以真正地“播放”HAR文件。非常好的建议,@Astaar。 - Charles Roberto Canato
它完全是用C#编写的。 “可以在Windows和Linux上运行(Mono)” - Trindaz
除了完全同意Astaar和Charles的观点之外,我刚刚发现了另一个:https://github.com/Stuk/server-replay - quetzalcoatl

8
  1. 打开Chrome并点击F12
  2. 点击网络
  3. har文件拖放到Chrome的网络标签中。

enter image description here


7
如果我没有迟到的话......
对于Firefox,可以从网络选项卡导入相同的HAR文件。 Firefox Network tab with import HAR file

5

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


Xchai在上面的回答中提供了与 https://dev59.com/bGQo5IYBdhLWcg3wQdet#47164935 相同的信息。 - Michael Freidgeim

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接