从零开始：背景
开发过程中，经常chrome开发者工具卡死无法查询网络请求（像图中），显示 “将HAR文件拖放到此处”。解决方案很粗暴，关闭开发者工具再F12伺候即可。
突然，反应过来，这HAR文件到底是个啥东东？不懂就问系列第一篇！走你！
一、什么是HAR文件
没有啥是维基百科不知道的，看看他怎么说：
HAR（HTTP Archive format），是一种或 JSON 格式的存档格式文件，通用扩展名为 .har。Web 浏览器可以使用该格式导出有关其加载的网页的详细性能数据。
二、HAR文件使用场景
在开发过程中，有的场景不好复现，比如访问速度慢，请求失败等，由于设备限制，对于我们来说精确的收集数据以及定位问题有一定难度。
比如，作为开发我们可以很熟练的按下F12查看请求，但如果是作为技术支持，没有办法长时间占用对方（客户）的电脑进行问题排查。HAR则可以帮助我们收集所有的HTTP请求。
三、HAR文件相关操作
1. 保存 HAR 文件
我们以chrome打开 www.baidu.com/ 为例 具体步骤：
- 在菜单中打开“开发人员工具”（“菜单”>“更多工具” >“开发人员工具”），您也可以在键盘上按 F12 （或 Fn-F12）。
- 打开“网络”标签页。
- 在“网络”标签页的左上角，找到一个圆形按钮。 确保该按钮是红色的。如果显示灰色，请点击一次以开始 录制。
- 开启“保留日志”**。
- 重现问题。
- 要保存记录的内容，请在网格上右键点击，然后选择 **“将内容保存为 HAR”。
- 选择保存位置，该位置会生成一个名为
www.baidu.com.har的文件。其他浏览器的操作类似，就不再累述。
2. 打开 HAR 文件
-
chrome 打开开发者工具，切换到“网络”标签页，将HAR文件托拽放入即可。
-
Fiddler 文字说太麻烦，见图最直观：
其他支持HAR的软件，大家自己去选择：
- Charles Proxy
- Fiddler
- Firebug
- Firefox
- Google Chrome(en.wikipedia.org/wiki/HAR_(f…)
- Internet Explorer 9
- Microsoft Edge(en.wikipedia.org/wiki/HAR_(f…)
- Postman
- OWASP ZAP(en.wikipedia.org/wiki/HAR_(f…)
四、注意事项
HAR 文件包含敏感数据！HAR 文件包含敏感数据！HAR 文件包含敏感数据！
- 录制过程中所下载网页中的内容。
- 您的 Cookie（任何有 HAR 文件的人都可以使用这些 Cookie 冒用您的帐号）。
- 录制过程中提交的所有信息： 个人详细信息、密码、信用卡号码等。
如有需要，可以先在文本编辑器中编辑 HAR 文件以及对敏感信息进行匿名处理。
