如何生成 HAR 文件?

什么是 HAR 文件?

HAR 代表 HTTP 存档,是浏览器中大量跟踪信息的容器。它记录浏览器发出的所有 Web 请求,包括请求和响应标头、正文和加载时间。这使得 HAR 文件在解决与速度、缓存相关的问题和难以重现的问题时非常有用。

安全警告:
HAR 文件捕获在记录网络流量时用户通过网页提交的所有信息。这可以包括密码、付款信息和私钥。在生成包含这些信息的 HAR 文件时要小心,不要通过电子邮件发送包含敏感信息的 HAR 文件。  您可以使用文本编辑器手动删除所有敏感信息。

如何生成 HAR 文件

目前,只有两款浏览器内置此功能,其他浏览器需要附加组件或扩展,或者无法执行此操作。在安装附加组件或扩展时,请按照浏览器提供的说明进行操作,并确保了解其含义,尤其是在性能和安全性方面。

Chrome

1.浏览到您看到问题的 URL。

2.右键单击页面上的任意位置,然后单击 Inspect 选项。

 

3.开发人员工具应该已在浏览器底部打开,现在单击“Network”选项卡。

4.单击记录按钮并强制刷新页面,或单击您遇到问题的链接。这是为了重现问题并捕获输出。 

5.遇到问题后,右键单击“Network”选项卡中的任何项目,然后选择 “Save as HAR with Content”,并保存文件。

 6.现在,您可以将输出文件上传到提单中或将其添加到电子邮件的附件中。 

Firefox

1.浏览到您看到问题的 URL。

2.选择Tools > Web Developer > Network或按 Ctrl + Shift + I(Windows/Linux)或 Cmd + Option + I(OS X)。

3.刷新页面以开始捕获浏览器与服务器之间的流量,或单击您遇到问题的链接。这是为了重现问题并捕获输出。

4.单击“Export”,然后单击“Save As....”以保存 HAR 文件。

Internet Explorer 浏览器(版本 11 之后)

Internet Explorer 无法构建 HAR 文件,但 Microsoft Developer Network 具有类似功能,单击 此处了解详情。按照说明操作并将生成的 XML 或 CSV 文件发送给我们。

 

Microsoft Edge

1.浏览到您看到问题的 URL。

2.选择Developer tools(使用 F12 快捷方式)并选择“Network”选项卡。

3.刷新页面以开始捕获浏览器与服务器之间的流量,或单击您遇到问题的链接。这是为了重现问题并捕获输出。

4.单击“Export as HAR”,然后单击“Save As...”以保存 HAR 文件。

 

Safari

1. 在 Safari 中,首先要查看屏幕顶部是否有“Develop”菜单。如果没有,请到 Safari > Preferences > Advanced,然后选中“Show Develop Menu in menu bar”。 

2.浏览到您看到问题的 URL。

3.选择 Develop > Show Web Inspector。注意:在浏览 Safari 的起始页之外的某处后,此菜单选项方可用。

4.刷新页面以开始捕获浏览器与服务器之间的流量,或单击您遇到问题的链接。这是为了重现问题并捕获输出。

5.按住 Control 并单击要捕获 HAR 文件的资源,然后单击“Export HAR”。 

Not finding what you need?

95% of questions can be answered using the search tool. This is the quickest way to get a response.

由 Zendesk 提供技术支持