HAR 文件及其在网络问题诊断中的作用
HAR（HTTP Archive）文件是解决网站性能问题的关键工具，特别是当网站加载缓慢或发生超时错误时。 这些文件记录了浏览器与网站之间的所有网络交互，为支持团队提供了宝贵的诊断信息。
无论是大型企业还是小型网站，其技术支持团队都依赖于 HAR 文件来识别和解决各种性能问题。 这些问题可能包括页面加载时间过长、页面渲染错误，以及由此导致的各种错误代码。 通过分析 HAR 文件，技术人员能够深入了解问题的根本原因。
什么是 HAR 文件？
HAR 文件，又称为 HTTP 归档文件，是一种 JSON 格式的文本文件，它记录了网络浏览器最近的网络活动。它详细跟踪浏览器与网站之间的每一个网络请求和响应，包括所有资源加载过程，以及每个资源加载所花费的时间。简而言之，HAR 文件就是 HTTP 客户端与服务器之间交互的纯文本日志。
文件的扩展名通常是 .har 。
为什么需要生成 HAR 文件？
当用户遇到网站问题并向技术支持团队寻求帮助时，通常会被要求提供 HAR 文件以供分析。这是因为 HAR 文件包含了大量关于 HTTP 客户端和服务器之间请求和响应的信息，这些信息对于调试至关重要。
HAR 文件能够揭示诸如浏览器设置、Cookie、获取响应数据的时间、特定图片加载时间、建立服务器连接的时间，以及发送请求和接收响应的时间等详细信息。这些数据可以帮助技术团队快速定位问题所在。
生成 HAR 文件的基本步骤
- 首先，访问出现问题的网页，并开始记录所有的网络请求和交互。
- 重复导致问题的操作，以便准确捕获问题发生时的网络活动。
- 完成记录后，保存 HAR 文件。
- 您可以自行分析 HAR 文件，或将其发送给技术支持团队，以便他们诊断性能和页面渲染问题。
如何在不同浏览器中生成 HAR 文件？
在不同浏览器中生成 HAR 文件的方法略有不同。以下是一些主流浏览器中的操作步骤：
Chrome 浏览器
所有现代浏览器都内置了开发者工具，可以通过这些工具的网络选项卡来记录 HTTP 会话。
- 打开 Chrome 浏览器，并访问出现问题的网页。
- 通过“菜单 > 更多工具 > 开发者工具”打开开发者工具。在打开的面板中，选择“网络”选项卡。
- 在“网络”选项卡中，确保左上角的圆形按钮是红色的。如果是灰色，请单击它开始记录网络交互。
- 勾选“保留日志”复选框，以记录所有的网络请求和响应。
- 要导出 HAR 文件，请单击“网络”选项卡中的向下箭头按钮。
- 将 HAR 文件保存到您的电脑上。
Firefox 浏览器
- 在浏览器窗口的右上角，点击 Firefox 菜单（三条水平线）。
- 在下拉菜单中选择“更多工具 > Web 开发者 > 网络”。
- 点击设置按钮，并启用“持久日志”选项。
- 在捕获过程中，刷新页面并重复导致问题发生的步骤。
- 成功复现问题后，右键点击活动面板中的任意一行，然后选择“全部保存为 HAR”。
- 如果需要控制台日志，请导航到“控制台”选项卡，右键点击任意一行，选择“全部”并复制内容到一个文本文件中，然后将其发送给技术支持团队。
Microsoft Edge 浏览器
- 点击右上角的“…”（三点图标），选择“更多工具 > 开发者工具”。
- 导航到“网络”选项卡，并开始分析会话。
- 访问网页，并按照步骤重现问题。
- 最后，选择“导出为 HAR”保存 HAR 文件。
Internet Explorer 浏览器
- 打开 Internet Explorer，并访问出现问题的网页。
- 点击右上角的齿轮符号。
- 选择“开发人员工具 > 网络”选项卡。
- 在捕获过程中，刷新页面并重现问题。
- 成功重现问题后，点击“导出为 HAR”图标（一个软盘形状的图标）。
HTTP 监视工具
对于 Google Chrome、Internet Explorer 和 Microsoft Edge，您还可以使用 HTTPWatch （浏览器内 HTTP 嗅探器）来捕获 Web 请求和响应。这是一个强大的工具，可以提供更详细的网络信息。
- 首先下载并安装 HTTPwatch 工具。
- 启动 HTTPwatch 捕获，并加载出现问题的网页。在重现问题后立即停止捕获。
- 捕获的数据将会以 HAR 格式保存。
分析 HAR 文件的网站
以下是一些用于可视化和分析 HAR 文件的简单而有效的在线工具：
- Google HAR Analyzer – 通过点击“选择文件”按钮上传 HAR 文件，即可自动显示分析结果。您可以按 HTTP 状态代码进行过滤，以便更好地定位问题。
- Softwareishard.com – 这是一款免费的基于 Web 的应用工具，它可以显示所有请求的瀑布图，并允许您深入分析特定的请求。只需将 HAR 日志粘贴到文本框中，或将 HAR 文件拖放到页面上即可开始分析。
- Site24x7 – 这也是一款免费的在线工具，用于可视化 HTTP 归档文件。您可以选择浏览上传文件，也可以直接粘贴文件内容到输入框中进行分析。
总结
如果您用文本编辑器打开 HAR 文件，您会发现它只是一个 JSON 文档，其中包含了您的 Web 请求及其响应。 它可能包含以下敏感信息：
- 请求和响应标头
- 请求和响应内容
- 身份验证令牌、cookie、会话令牌、密码和 API 凭证等
在将 HAR 文件提交给支持团队进行分析之前，请务必删除所有敏感信息。特别是在提交涉及到第三方交互的 HAR 文件时，更要注意保护个人信息。
希望本文对您了解 HAR 分析工具以及如何在不同的浏览器中生成 HAR 文件有所帮助。
您可能还会对使用 Wireshark 解决网络延迟问题感兴趣。
如果您喜欢这篇文章，请分享给您的朋友！