捕获浏览器跟踪记录信息

在报告基于 Web 的 Google Cloud 控制台存在的问题时,提供浏览器跟踪记录信息有助于我们了解和调查您的问题。本指南介绍了如何捕获和保存相关制品,以便您在支持请求中共享这些制品。

如需有关在报告中添加哪些实用信息的更多指导,请参阅报告 Google Cloud 控制台问题。

捕获 HAR 文件

HAR(HTTP 归档)是一种用于记录 HTTP 会话数据的文件格式,有助于排查 HTTP 问题。

如需使用浏览器捕获并保存 HAR 文件,请按照以下步骤操作:

Chrome

使用 Chrome 开发者工具的“网络”面板:

  1. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  2. 打开 Chrome 开发者工具:右键点击页面上的任意位置,然后选择检查。

  3. 在开发者工具面板中,选择网络标签页。该工具会自动开始记录网络活动。

  4. 选择保留日志。

  5. 点击 清除网络日志。

  6. 通过与 Google Cloud 控制台互动来重现问题。

  7. 重现问题后,点击 导出 HAR(已清理),然后保存生成的 HAR 文件。

Edge

使用 Microsoft Edge 开发人员工具中的“网络”工具:

  1. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  2. 打开 Microsoft Edge 开发人员工具:右键点击页面上的任意位置,然后选择检查。

  3. 在开发者工具面板中,选择网络标签页。该工具会自动开始记录网络活动。

  4. 选择保留日志。

  5. 点击 清除网络日志。

  6. 通过与 Google Cloud 控制台互动来重现问题。

  7. 重现问题后,点击 导出 HAR,然后保存生成的 HAR 文件。

Firefox

使用 Firefox 开发者工具的网络监视器:

  1. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  2. 打开 Firefox 开发者工具:右键点击页面上的任意位置,然后选择检查。

  3. 在开发者工具面板中,选择网络标签页。该工具会自动开始记录网络活动。

  4. 点击 设置,然后选择保留日志。

  5. 点击 清除。

  6. 通过与 Google Cloud 控制台互动来重现问题。

  7. 重现问题后,点击 设置 > 全部另存为 HAR 文件,然后保存生成的 HAR 文件。

Safari

使用 Safari Web Inspector 的“网络”标签页:

  1. 启用 Safari 开发者工具。

  2. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  3. 打开 Safari Web Inspector:在 Safari 菜单栏中,点击开发 > 显示 Web Inspector。

  4. 在 Web Inspector 中,选择网络标签页。该工具会自动开始记录网络活动。

  5. 选择保留日志,然后重新加载网页。

  6. 点击 清除网络项。

  7. 通过与 Google Cloud 控制台互动来重现问题。

  8. 重现问题后,点击导出,然后保存生成的 HAR 文件。

然后,您可以将保存的 HAR 文件作为支持请求的附件上传到我们的服务器中。

捕获性能分析数据

如果您遇到性能问题(例如页面互动或呈现速度缓慢),可以记录浏览器性能分析数据。如需使用浏览器捕获并保存性能分析数据,请按以下步骤操作:

Chrome

使用 Chrome 开发者工具的“性能”面板:

  1. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  2. 打开 Chrome 开发者工具:右键点击页面上的任意位置,然后选择检查。

  3. 在开发者工具面板中,选择性能标签页。

  4. 点击 记录并重新加载,然后通过与 Google Cloud 控制台互动来重现问题。

    性能分析器会记录最长 10 秒的数据,或者记录到其缓冲区已满为止。如果您需要记录更长的分析数据来捕获问题,可以通过点击 记录和 停止来手动控制记录。

  5. 记录完分析数据后,点击 保存分析数据 > 保存跟踪记录,然后保存生成的文件。

Edge

使用 Microsoft Edge 开发人员工具中的“性能”工具:

  1. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  2. 打开 Microsoft Edge 开发人员工具:右键点击页面上的任意位置,然后选择检查。

  3. 在开发者工具面板中,选择性能标签页。

  4. 点击 开始分析并重新加载页面,然后通过与 Google Cloud 控制台互动来重现问题。

    性能分析器会记录最长 10 秒的数据,或者记录到其缓冲区已满为止。如果您需要记录更长的分析数据来捕获问题,可以通过点击 记录和 停止来手动控制记录。

  5. 记录完分析数据后,点击 保存分析数据,然后保存生成的文件。

Firefox

使用 Firefox Profiler:

  1. 启用 Firefox Profiler 弹出式窗口。这会在 Firefox 工具栏中添加一个性能分析器图标。

  2. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  3. 打开 Firefox Profiler 菜单:在 Firefox 工具栏中,点击性能分析器图标旁边的箭头。

  4. 在性能分析器菜单的设置字段中,选择 Web 开发者。

  5. 点击开始记录,重新加载网页,然后通过与 Google Cloud 控制台互动来重现问题。

    如需停止记录,请点击 Firefox 工具栏中的性能分析器图标。这会在 Firefox Profiler Web 应用中打开一个包含所记录数据的新标签页。

  6. 点击上传本地分析数据,再点击下载,然后保存生成的文件。

Safari

使用 Safari Web Inspector 的“时间轴”标签页:

  1. 启用 Safari 开发者工具。

  2. 在 Google Cloud 控制台中,前往您遇到问题的页面。

  3. 打开 Safari Web Inspector:在 Safari 菜单栏中,点击开发 > 显示 Web Inspector。

  4. 在 Web Inspector 中,选择时间轴标签页。

  5. 选择网页加载完毕后停止记录。

  6. 重新加载网页,然后通过与 Google Cloud 控制台互动来重现问题。

    性能分析器会记录最长 10 秒的数据,或者记录到其缓冲区已满为止。如果您需要记录更长的分析数据来捕获问题,可以通过点击 开始记录和 停止记录来手动控制记录。

  7. 记录完分析数据后,点击导出并保存生成的文件。

然后,您可以将保存的性能分析数据作为支持请求的附件上传到我们的服务器中。