如何生成 HAR 文件

适用于企业和团队。

适用于

Adobe 团队和企业客户。

目标

在进行故障排除时,如果您需要有关客户浏览器中网络请求的详细信息,则可以生成 HAR 文件。本文将帮助您了解如何在 Chrome、Firefox、Edge 和 Safari 中生成 HAR 文件。

注意:

下面的屏幕快照显示了处于焦点模式下的开发工具,其中带有垂直的活动栏。根据您的设置,其中的配置可能会有所不同。有关详细信息,请参阅使用焦点模式简化开发工具

Google Chrome

以下步骤演示如何在 Google Chrome 中使用开发人员工具。有关详细信息,请参阅 Chrome 开发工具

  1. 在 Chrome 浏览器中,导航至问题出现前的步骤。

  2. 按 F12 启动开发人员工具。您也可以从工具栏菜单的更多工具 > 开发人员工具启动这些工具。

  3. 默认情况下,浏览器仅保留当前已加载页面的跟踪信息。设置以下选项,以使浏览器保留所有跟踪信息,即使当重现步骤需要转到多个页面时也是如此:

    1. 选择“控制台”选项卡,选择“控制台设置”,然后选择“保留日志”。

    2. 选择“网络”选项卡,然后选择“保留日志”。

  4. 在“网络”选项卡上,选择“停止记录网络日志”和“清除”。

  5. 选择“记录网络日志”,然后在浏览器中重现问题。

    您将看到类似于以下图像的会话输出。

  6. 在重现了意外行为之后,选择“停止记录网络日志”,然后选择“导出 HAR”并保存文件。

  7. 返回浏览器开发人员工具窗格,选择“控制台”选项卡。右键点击其中一条消息,然后选择“另存为...”,将控制台输出保存到文本文件中。

  8. 将浏览器跟踪 HAR 文件和控制台输出压缩打包,例如压缩为 .zip 文件。

  9. 将压缩文件附加到支持票证中。

Safari

以下步骤演示如何在 Mac 上的 Apple Safari 中使用开发人员工具。有关详细信息,请参阅 Safari 开发人员工具概述

  1. 在 Safari 中启用开发人员工具:

    1. 选择 Safari,然后选择“偏好设置”。

    2. 选择“高级”选项卡,然后在菜单栏中选择“显示开发菜单”。

  2. 在浏览器中,导航至问题出现前的步骤。

  3. 选择“开发”,然后选择“显示 Web 检查器”。

  4. 默认情况下,浏览器仅保留当前已加载页面的跟踪信息。设置以下选项,以使浏览器保留所有跟踪信息,即使当重现步骤需要转到多个页面时也是如此:

    1. 选择“控制台”选项卡,然后选择“保留日志”。

    2. 选择“网络”选项卡,然后选择“保留日志”。

  5. 在“网络”选项卡上,选择“清除网络项目”。

  6. 在浏览器中重现问题。您将看到类似于以下图像的会话输出。

  7. 在您重现意外行为后,选择“导出”并保存文件。

  8. 返回浏览器开发人员工具窗格,选择“控制台”选项卡并展开窗口。将光标放在控制台输出的开头,然后拖动并选择输出的全部内容。使用 Command-C 复制输出并将其保存到文本文件。

  9. 将浏览器跟踪 HAR 文件、控制台输出和屏幕录制文件压缩打包,例如压缩为 .zip 文件。

  10.  

    将压缩文件附加到支持票证中。

     

Firefox

以下步骤演示如何在 Firefox 中使用开发人员工具。有关详细信息,请参阅 Firefox 开发人员工具

  1. 在浏览器中,导航至问题出现前的步骤。

  2. 按 F12 启动开发人员工具。您也可以从工具栏菜单的更多工具 > Web 开发人员工具启动这些工具。

  3. 默认情况下,浏览器仅保留当前已加载页面的跟踪信息。设置以下选项,以使浏览器保留所有跟踪信息,即使当重现步骤需要转到多个页面时也是如此:

    1. 选择“控制台”选项卡,选择“设置”图标,然后选择“持续记录”。

    2. 选择“网络”选项卡,选择“设置”图标,然后选择“持续记录”。

  4. 在“网络”选项卡上,选择“清除”。

  5. 在浏览器中重现问题。您将看到类似于以下图像的会话输出。

  6. 重现意外行为后,选择“所有内容另存为 HAR”。

  7. 返回浏览器开发人员工具窗格,选择“控制台”选项卡。右键点击其中一条消息,然后选择“将所有消息保存为文件”,并将控制台输出保存到文本文件。

  8. 将浏览器跟踪 HAR 文件、控制台输出和屏幕录制文件压缩打包,例如压缩为 .zip 文件。

  9. 将压缩文件附加到支持票证中。

Microsoft Edge

以下步骤演示如何在 Microsoft Edge 中使用开发人员工具。有关详细信息,请参阅 Microsoft Edge 开发人员工具

  1. 在浏览器中,导航至问题出现前的步骤。

  2. 按 F12 启动 Microsoft Edge 开发人员工具。您也可以从工具栏菜单的“更多工具”>“开发人员工具”启动这些工具。

  3. 默认情况下,浏览器仅保留当前已加载页面的跟踪信息。设置以下选项,以使浏览器保留所有跟踪信息,即使当重现步骤需要转到多个页面时也是如此。

    1. 选择“控制台”选项卡,选择“控制台设置”,然后选择“保留日志”。

    2. 选择“网络”选项卡。如果该选项卡不可见,请单击“更多工具”(+) 按钮,然后选择“网络”。然后从“网络”选项卡中选择“保留日志”。

  4. 在“网络”选项卡上,选择“停止记录网络日志”和“清除”。

  5. 选择“记录网络日志”,然后在门户网站中重现问题。

    您将看到类似于以下图像的会话输出。

  6. 在重现了意外门户网站行为之后,选择“停止记录网络日志”,然后选择“导出 HAR”并保存文件。

  7. 返回浏览器开发人员工具窗格,选择“控制台”选项卡。右键点击其中一条消息,然后选择“另存为...”,将控制台输出保存到文本文件中。

  8. 将浏览器跟踪 HAR 文件、控制台输出和屏幕录制文件压缩打包,例如压缩为 .zip 文件。

  9. 将压缩文件附加到支持票证中。

Adobe, Inc.

更快、更轻松地获得帮助

新用户?