如何从Google Chrome、Firefox中创建HAR文件并进行分析？
HAR文件通常用于解决网络或性能问题，包括网页加载时间过长或在网站上执行特定任务时超时等问题。
任何公司或网站的支持团队都会使用此HAR文件来识别和解决性能问题，例如加载时间较长或缓慢、页面渲染问题以及由这些问题引起的错误代码。
什么是HAR文件？
HTTP存档格式（也称为HAR文件）是一个以JSON格式存储的存档文件，其中包含由您的网络浏览器记录的最新网络活动。它跟踪了浏览器与网站之间的所有交互，如网络请求和响应。
HAR文件记录了浏览器加载的每个资源，以及加载每个资源所花费的时间。这些文件包含了HTTP客户端与服务器连接的纯文本日志。
.har是这些存档文件的扩展名。
为什么要生成HAR文件？
当用户提交解决问题的工单时，公司或业务支持团队可能会要求提供HAR文件进行分析。
HAR文件提供了关于HTTP客户端与服务器请求和响应的广泛信息，有助于调试，如浏览器设置和Cookie、获取响应数据所花费的时间、网站上加载特定图片所需的时间、建立服务器连接所花费的时间以及发送请求和接收响应所需的时间。
过程概述
- 首先，进入您遇到问题的网页，并开始记录所有的网络请求和交互。
- 通过重复这些步骤来重现问题。
- 完成捕获并保存HAR文件。
- 自行分析HAR文件，或将文件发送给支持团队以解决性能和页面渲染问题。
如何在不同的浏览器中生成HAR文件？
生成用于捕获HTTP会话的HAR文件在不同的浏览器中有所不同。
Chrome
在所有浏览器的开发者工具中，可以使用“网络”选项卡来记录HTTP会话。
- 在Chrome中，进入您遇到问题的页面。
- 可以通过菜单（菜单>更多工具>开发者工具）访问开发者工具。选择新打开的面板中的“网络”选项卡。
- 在“网络”选项卡上，确保左上角的圆形按钮为红色。如果是灰色的，请双击以开始记录交互。
- 启用保留日志以记录所有的网页请求和响应。
- 要导出HAR文件，请在网络选项卡本身点击向下箭头按钮。
- 将HAR文件保存到计算机上。
Firefox
- 在浏览器窗口的右上角，点击Firefox菜单（三个水平平行线）。
- 从下拉菜单中选择“更多工具”>“Web开发者”>“网络”。
- 点击设置按钮，并打开保留日志选项。
- 在捕获进行中时，刷新页面并重复问题。
- 如果成功复制了问题，请右键单击活动面板的任意行，并选择“全部另存为HAR”。
- 最后，如果需要故障排除时还需要控制台日志文件，请导航到“控制台”选项卡，通过右键单击任意行选择“全选”，然后将内容粘贴到某个文本文件中并共享给支持中心。
Microsoft Edge
- 点击右上角的…（三点图标），选择“更多工具”>“开发者工具”>“网络”。
- 切换到“网络”选项卡，开始一个分析会话。
- 访问网页，并按照说明解决问题。
- 最后通过选择“另存为HAR”来保存HAR文件。
Internet Explorer
- 打开Internet Explorer并转到您遇到问题的页面
- 点击右上角的齿轮符号。
- 转到（开发者工具>网络选项卡）
- 在抓取进行时，刷新页面并复制问题。
- 成功复制问题后，点击“导出为HAR”图标（软盘形状）。
HTTP Watch工具
对于Google Chrome、Internet Explorer和Microsoft Edge，您还可以使用（内置HTTP嗅探器）来捕获网页请求和响应。
- 首先下载并安装。
- 启动HTTPwatch抓取并加载您遇到问题的页面，在复制问题后立即停止抓取。
- 抓取结果应以HAR格式保存。
分析HAR文件的网站
这些工具简单而有效地可视化和分析HAR文件（HTTP客户端和服务器通信的日志）。
- –通过单击“选择文件”按钮选择文件，然后选择要检查的HAR文件。选择文件后，分析界面将自动显示。可以按HTTP状态代码进行过滤。
- –一款免费的基于Web的应用工具，显示所有请求的瀑布图，并允许您深入到特定请求中。在将HAR日志插入到下面的文本框后，按预览按钮。或者，拖放HAR文件到页面上的任何位置以开始分析文件。
- –这也是一个免费的网站工具，用于可视化HTTP存档文件。浏览文件或将其内容粘贴到输入框中。
结论
如果您在文本编辑器中打开HAR文件，您会发现它只是一个包含您的Web请求及其响应的JSON文档。它可能包含以下潜在敏感信息：
- 请求和响应头
- 请求和响应内容
- 身份验证令牌、Cookie、会话令牌、密码和API凭据
在将HAR文件提交给支持团队进行分析之前，请确保删除其中的任何敏感信息。主要是在技术支持团队要求与第三方进行交互的HAR文件时，可能会暴露关键信息。
希望您能在本文中了解有关HAR分析工具以及如何在不同浏览器中生成HAR文件的信息。
您可能还有兴趣了解。
