如何生成用于对浏览器问题进行故障诊断的 HAR 文件?

如何生成用于对浏览器问题进行故障诊断的 HAR 文件?

如何在 Chrome 浏览器中生成 HTTP 归档格式或 HAR 文件?

如何在 Firefox 浏览器中生成 HAR 文件?

如何在 Safari 浏览器中生成 HAR 文件?

如何在 Internet Explorer 中生成 HAR 文件?

要生成适用于 Chrome 和 Microsoft Edge(基于 Chromium)的 HAR 文件:

  1. 打开 Google Chrome,转至遇到问题的页面。
  2. 在 Chrome 用户添加的图片菜单栏中,选择更多工具 > 开发者工具
  3. 在打开的面板上,选择网络标签页。
  4. 在该标签页的左上角,找到圆形的录制 用户添加的图片 按钮,确保该按钮为红色。 如果该按钮显示为灰色,单击它启动网络录制日志 (Ctrl+E)。
  5. 单击清除用户添加的图片按钮,可清除网络标签页中所有现存的日志。
  6. 重现您遇到的问题,在名称栏下右键单击网格中的任意网络请求,选择全部另存为带内容的 HAR
  7. 选择桌面,然后单击保存按钮。

要在 Firefox 中生成 HAR 文件:
  1. 打开 Firefox,转至遇到问题的页面。
  2. 选择浏览器窗口右上方的 Firefox 用户添加的图片 菜单,然后选择更多工具 -> Web 开发者工具
  3. 开发者网络工具将在 Firefox 的侧面或底部以面板的形式打开。 单击网络标签页。
  4. 重现导致浏览器问题的活动,然后右键单击网络请求网格中的任意位置,并选择全部另存为 HAR
  5. 右键单击网格中的任意网络请求,选择 全部另存为带内容的 HAR,
  6. 选择桌面,然后单击保存按钮。

要生成适用于 Internet Explorer 和 Microsoft Edge(不基于 Chromium)的 HAR 文件:
  1. 打开 Internet Explorer,转至出现问题的页面。
  2. 键盘上的 F12 或单击齿轮图标用户添加的图片,然后单击 F12 开发者工具
  3. 开发者网络工具将在 Firefox 的侧面或底部以面板的形式打开。 单击网络标签页。
  4. 重现此前导致问题的活动,同时记录网络请求。
  5. 重现问题后,单击导出为 HAR (Ctrl+S) 用户添加的图片按钮。
  6. 为文件命名,选择桌面作为保存位置,然后单击保存按钮。

要在 Safari 中生成 HAR 文件:
  1. 单击开发下拉菜单,然后选择显示 Web 检查器
    • 如果菜单栏中不显示“开发”下拉菜单,选择 Safari > 首选项,单击高级,然后选择在菜单栏中显示开发菜单
  2. 单击网络标签页,重现引起问题的活动。
  3. 单击导出用户添加的图片图标,然后将 Web 存档文件保存到桌面。
这篇文章对您有帮助吗?