生成HAR文件以捕获浏览器网络活动

简介

本文档介绍如何在各种浏览器中创建HAR文件，以捕获和共享网络活动以进行故障排除。

概述

如果您在Umbrella中遇到奇怪的UI行为，支持人员可以请求您记录HAR文件。HAR文件是HTTP事务的存档格式，Web浏览器可使用它导出有关所加载网页的详细性能数据。您可以在问题发生时记录HAR文件或网络请求日志，以便为进一步分析提供支持。

警告：HAR文件包含敏感信息，包括页面内容和cookie。有权访问HAR文件的任何人都可以模拟您的帐户并访问在录制期间提交的所有信息，如个人详细信息、密码或信用卡号。

在Chrome中创建HAR文件

1. 打开Chrome。
2. 导航到菜单>更多工具>开发人员工具。
3. 在Developer Tools窗口中，选择Network选项卡。
4. 确认“记录”按钮处于活动状态，且所有类型均显示。
5. 如果问题涉及多个网页或重定向，请选择Preserve Logoption以防止日志清除。
6. 再现需要捕获的浏览器行为。
7. 点击导出HAR下载HAR文件。
8. 将文件另存为HAR with Content到您的计算机。
9. 指定文件名并选择目标。
10. 将此文件发送给支持人员。

chrome_preserve_log.png

在Edge或Internet Explorer中创建HAR文件

1. 打开Edge或Internet Explorer。
2. 选择...菜单，然后选择F12 Developer Tools。
3. 在Developer Tools窗口中，选择Network选项卡。
4. 确认“播放”按钮为灰色，表示正在捕获数据。
5. 如果问题涉及多个网页或重定向，请取消选择Clear Entries on redirection以保留日志。
6. 再现需要捕获的浏览器行为。
7. 点击Export as HAR以保存文件。
8. 将此文件发送给支持人员。

在Firefox中创建HAR文件

1. 打开Firefox。
2. 导航到菜单> Web Developer > Network或使用Ctrl+Shift+E。
   Fullscreen_2019-07-___4_51_PM.png
3. 再现需要捕获的浏览器行为。
4. 如果问题涉及多个网页或重定向，请选择Persist Logs选项以保留所有条目。
5. 在网格中单击鼠标右键，然后选择“全部另存为HAR”。
   Fullscreen_2019-07-___4_55_PM.png
6. 保存捕获文件。
7. 将此文件发送给支持人员。

在Safari中创建HAR文件

1. 打开Safari并导航到相关网页。
2. 启用“开发”菜单：
   • 转至Safari > Preferences > Advanced。
   • 在菜单栏中选择“显示开发”菜单。
     Screen_Shot_2022-04-13_at_8.18.10_AM.png
3. 选择“开发”>“显示Web检查器”。
4. 在“Web检查器”窗口中，选择“网络”选项卡。
   Screen_Shot_2022-04-13_at_8.21.41_AM.png
5. 在Network选项卡中选择Preserve日志选项。
   Screen_Shot_2022-04-13_at_8.23.45_AM.png
6. 加载或复制需要捕获的页面行为。
7. 点击Network选项卡窗口右上角的Export。
   Screen_Shot_2022-04-13_at_8.25.27_AM.png
8. 保存HAR文件。
9. 将此文件发送给支持人员。