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

简介

本文档介绍如何生成HTTP存档(HAR)文件以捕获浏览器网络活动。

问题

当对Cisco Umbrella控制面板中的意外UI行为、性能问题或错误进行故障排除时，支持部门需要浏览器与服务器之间网络交互的详细日志。

环境

• 产品：Cisco Umbrella
• 工具：Web浏览器(Chrome、Edge、Firefox、Safari)
• 格式：HTTP存档(HAR)文件

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

先决条件

• 确定重现问题所需的具体步骤。
• 确保您拥有访问浏览器开发者工具的管理权限。

在Chrome中创建HAR文件

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

chrome_preserve_log.png

在Edge或Internet Explorer中创建HAR文件

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

在Firefox中创建HAR文件

1. 打开Firefox。
2. 导航到菜单> Web开发人员>网络或使用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 log选项。
   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. 将此文件发送给支持人员。