如何生成用于排除故障的 HAR 文件?

.HAR 文件是记录 Web 浏览器与网站交互情况的日志。此类交互涵盖这些网站每个正在加载的资源,而这个日志(.HAR 文件)则衡量每个资源加载所需的时间。.HAR 文件协助之别某个特定资源的加载时间是否超过其他资源,这可能会引发性能问题。

要从您的浏览器获取 .HAR 文件,请遵照如下操作说明。

Google Chrome 浏览器

1) 使用键盘快捷键 CTRL SHIFT i ⌘ Option i 来打开审查 (Inspect)

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) 前往网络选项卡 (Network Tab),并确保 记录按钮呈红色

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) 刷新页面,保持加载状态,直至 30 秒后出现连接超时错误提示

Screen_Shot_2020-04-08_at_11.47.52_AM.png

4) 重复此操作。若出现超时错误,再次刷新页面并等待 30 秒。若您在预览视频时遇到问题,单击预览 (Preview) 并等待出现报错提示。这样做能确保错误正确记录在 HAR 文件里。

image001__2_.png

image001__1_.png

5) 完成后,右击控制台,并选择另存所有为带内容的 HAR 文件 (Save all as HAR with content)

Screen_Shot_2020-04-08_at_11.48.30_AM.png

 

Mozilla Firefox 浏览器

1) 右键单击屏幕并选择审查元素 (Inspect Element) 或使用键盘快捷键 CTRL SHIFT i 或 ⌘ Option i 来打开审查 (Inspect)

Screen_Shot_2020-04-08_at_12.02.25_PM.png

2) 前往网络选项卡 (Network Tab)

Screen_Shot_2020-04-08_at_12.02.58_PM.png

3) 刷新页面,保持加载状态,直至 30 秒后出现连接超时错误提示

Screen_Shot_2020-04-08_at_12.03.18_PM.png

4) 重复此操作。若出现超时错误,再次刷新页面并等待 30 秒。若您在预览视频时遇到问题,单击预览 (Preview) 并等待出现报错提示。这样做能确保错误正确记录在 HAR 文件里。

image001__2_.png

image001__1_.png

5) 右击控制台,并选择另存所有为 HAR (Save all as HAR)

Screen_Shot_2020-04-08_at_12.04.28_PM.png

 

Microsoft Edge 浏览器

1) 使用键盘快捷键 CTRL SHIFT i ⌘ Option i 来打开审查 (Inspect)

Screen_Shot_2020-06-15_at_2.57.43_PM.png

2) 前往网络选项卡 (Network Tab),并确保 记录按钮呈红色

Screen_Shot_2020-06-15_at_3.01.21_PM.png

3) 刷新页面,保持加载状态,直至 30 秒后出现连接超时错误提示

3.jpg

4) 重复此操作。若出现超时错误,再次刷新页面并等待 30 秒。若您在预览视频时遇到问题,单击预览 (Preview) 并等待出现报错提示。这样做能确保错误正确记录在 HAR 文件里。

image001__2_.png

image001__1_.png

5) 右击控制台,并选择另存所有为带内容的 HAR (Save all as HAR with content)

4.jpg

这篇文章有帮助吗?
0 人中有 0 人觉得有帮助
还有其它问题?提交请求