不懂就问系列之——你不知道的HAR文件

背景

开发过程中，经常chrome开发者工具卡死无法查询网络请求（像图中），显示 “将HAR文件拖放到此处”。解决方案很粗暴，关闭开发者工具再使用F12

突然反应过来,HAR是什么东西？

什么是HAR文件

HAR（HTTP Archive format），是一种或 JSON 格式的存档格式文件，通用扩展名为 .har。Web 浏览器可以使用该格式导出有关其加载的网页的详细性能数据。

HAR文件使用场景

在开发过程中，有的场景不好复现，比如访问速度慢，请求失败等，由于设备限制，对于我们来说精确的收集数据以及定位问题有一定难度。
比如，作为开发我们可以很熟练的按下F12查看请求，但如果是作为技术支持，没有办法长时间占用对方（客户）的电脑进行问题排查。HAR则可以帮助我们收集所有的HTTP请求。

作者：小学在摸金
链接：https://juejin.cn/post/7070054926528806920
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

HAR文件相关操作

保存 HAR 文件

1. chrome操作
   1.1 在菜单中打开“开发人员工具”（“菜单”>“更多工具” >“开发人员工具”），您也可以在键盘上按 F12 （或 Fn-F12）。
   1.2打开“网络”标签页。
   1.3在“网络”标签页的左上角，找到一个圆形按钮。 确保该按钮是红色的。如果显示灰色，请点击一次以开始 录制。
   1.4开启“保留日志”**
   1.5要保存记录的内容，请在网格上右键点击，然后选择 **“将内容保存为 HAR”。选择保存位置，该位置会生成一个名为 www.baidu.com.har 的文件。
   
2. 打开 HAR 文件
   2.1 chrome 打开开发者工具，切换到“网络”标签页，将HAR文件托拽放入即可。
   2.2

注意事项

HAR 文件包含敏感数据！HAR 文件包含敏感数据！HAR 文件包含敏感数据！
录制过程中所下载网页中的内容。
您的 Cookie（任何有 HAR 文件的人都可以使用这些 Cookie 冒用您的帐号）。
录制过程中提交的所有信息： 个人详细信息、密码、信用卡号码等。
如有需要，可以先在文本编辑器中编辑 HAR 文件以及对敏感信息进行匿名处理。

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！