客户疑难问题定位指导手册

手册适用范围

需要技术人员定位的问题, 均可以按该手册进行操作。如前端显示异常的问题, 则不适用。

HAR 文件是什么

HAR 文档格式是用来储存 Google Chrome,Mozilla Firefox,Microsoft Edge 等浏览器会话的存档文件格式。HAR 是 HTTP Archive format 的简称。它记录了特定网页的所有页面数据记录,用于调查和解决复杂的网络问题。HAR 文档可以在浏览器网页加载出现问题时,提供相关的网络请求信息。

Chrome

1. 开启 Chrome 浏览器,前往遇到问题的网页。

2. 点击右上角的三个点,找到「更多工具」,点击「开发者工具」。

mceclip0.png

3. 从面板中找到「网络」选项卡。

4. 在「网络」选项卡左角边找到「录制」按钮 。检查确认它是红色状态的,如果是灰色的,点击按钮就可以开始录制。

5. 点击并勾选「储存 log」方框。

mceclip1.png

6. 找到「清除」按钮 并清理现有的记录。

7. 刷新遇到问题的网页,录制网络请求数据并导出为HAR 文档。

mceclip2.png

8. 右键点击网格,并选择「储存所有内容为 HAR」,然后保存文档到电脑。

Mozilla Firefox

1. 开启 Mozilla Firefox 浏览器,前往有问题的网页。

2. 点击右上角的三条横线,找到「Web 开发者」。

mceclip3.png

3. 从选单中点击「网络」选项。

mceclip4.png

4. Firefox 火狐浏览器会自动开始录制网络请求数据。

5. 刷新有网页问题页面,右击网格和选项「所有内容另存为 HAR」。

mceclip5.png

6. 浏览器会默认文档会下载到您的下载文件夹。

Safari

要在 Safari 获取 HAR 文档,您先要在选单栏中进入到开发选单。如果此选项不在选单栏,选择 Safari 然后点击「偏好」,选择「高级」。然后点击方框,在选单栏来启动「显示开发」选单。

mceclip6.png

在选单栏中开启开发选单后,按照以下步骤操作。

1. 开启 Safari 浏览器,在选单中点击「开发」选项。

2. 从下拉选单中选择「显示 Web 检查」。

mceclip7.png

3. 点击「网络」标签,浏览有网页问题的页面。

mceclip8.png

4. Safari 浏览器会自动开始录制网络请求。

5. 复制遇到的网页问题的请求,点击右边的「导出」按钮,来导出 HAR 文档。

Microsoft Edge

1. 开启 Microsoft Edge 浏览器。

2. 点击右上方的 3 个点,打开浏览器选单,选择「更多工具」。

3. 在下拉选单中,选择「开发人员工具」(或者按 F12 来开启开发者选项)。

mceclip9.png

4. 选择「网络」标签,复制遇到的网页问题。

5. 点击并勾选「储存 log」方框。

mceclip10.png

6. 访问有问题的网页。

7. 点击任意网格,选择 [ Save all as HAR with content ]。

mceclip11.png

远程协助定位

前置工作

1. 跟相关人员提前约好具体的时间, 精确到 5 分钟内。

2. 客户根据如下浏览器对应操作, 并保留现场。

Chrome

1. 开启 Chrome 浏览器,前往遇到问题的网页。

2. 点击右上角的三个点,找到「更多工具」,点击「开发者工具」。

mceclip12.png

3. 从面板中找到「网络」选项卡。

4. 在「网络」选项卡左角边找到「录制」按钮 。检查确认它是红色状态的,如果是灰色的,点击按钮就可以开始录制。

5. 点击并勾选「储存 log」方框。

mceclip13.png

6. 找到「清除」按钮并清理现有的记录。

7. 刷新遇到问题的网页。

8. 保留现场,联系客服人员寻求远程协助。

Mozilla Firefox

1. 开启 Mozilla Firefox 浏览器,前往遇到问题的网页。

2. 点击右上角的三条横线,找到「Web 开发者」。

mceclip14.png

3. 从选单中点击「网络」选项。

mceclip15.png

4. Firefox 火狐浏览器会自动开始录制网络请求数据。

5. 刷新有网页问题的页面。

6. 保留现场,联系客服人员寻求远程协助。

Safari

在选单栏中进入到开发选单。如果此选项不在选单栏,选择 Safari 然后点击「偏好」,选择「高级」。然后点击方框,在选单栏来启动「显示开发」选单。

mceclip16.png

在选单栏中开启开发选单后,按照以下步骤操作。

1. 开启 Safari 浏览器,在选单中点击「开发」选项。

2. 从下拉选单中选择「显示 Web 检查」。

mceclip17.png

3. 点击「网络」标签,浏览遇到的网页问题页面。

mceclip18.png

4. Safari 浏览器会自动开始录制网络请求。

5. 保留现场,联系客服人员寻求远程协助。

Microsoft Edge

1. 开启 Microsoft Edge 浏览器。

2. 点击右上方的 3 个点,打开浏览器选单,选择「更多工具」。

3. 在下拉选单中,选择「开发人员工具」(或者按 F12 来开启开发者选项)。

mceclip19.png

4. 选择「网络」标签,复制遇到的网页问题。

5. 点击并勾选「储存 log」方框。

mceclip20.png

6. 访问有问题的网页。

7. 保留现场,联系客服人员寻求远程协助。

这篇文章有帮助吗?
1 人中有 1 人觉得有帮助

评论

0 条评论

登录写评论。

Live chat
Reset