捕获浏览器轨迹信息

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

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

捕获 HAR 文件

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

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

Chrome

使用 Chrome 开发者工具“Network”面板

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

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

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

  4. 选择保留日志

  5. 点击 Clear network log(清除网络日志)。

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

  7. 重现问题后,点击 Export HAR (sanitized),然后保存生成的 HAR 文件。

Edge

使用 Microsoft Edge DevTools 中的“Network”工具

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

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

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

  4. 选择保留日志

  5. 点击 Clear network log(清除网络日志)。

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

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

Firefox

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

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

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

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

  4. 点击 Settings(设置),然后选择 Persist Logs(保留日志)。

  5. 点击 Clear

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

  7. 重现问题后,依次点击 Settings > Save All As HAR,然后保存生成的 HAR 文件。

Safari

使用 Safari 网页检查器“网络”标签页

  1. 启用 Safari 开发者工具

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

  3. 打开 Safari 网页检查器:在 Safari 菜单栏中,依次点击开发 > 显示网页检查器

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

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

  6. 点击 Clear Network Items(清除广告资源)。

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

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

然后,您可以在支持请求中将保存的 HAR 文件作为附件上传。

捕获性能配置文件

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

Chrome

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

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

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

  3. 在 DevTools 面板中,选择性能标签页。

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

    性能分析器最多会记录 10 秒或直到其缓冲区满为止。如果您需要录制更长时间的配置文件来捕获问题,可以通过点击 Record(录制)和 Stop(停止)手动控制录制。

  5. 记录完配置文件后,依次点击 Save profile > Save trace,然后保存生成的文件。

Edge

使用 Microsoft Edge 开发者工具性能工具

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

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

  3. 在 DevTools 面板中,选择性能标签页。

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

    性能分析器最多会记录 10 秒或直到其缓冲区满为止。如果您需要录制更长时间的配置文件以捕获问题,可以通过点击 Record(录制)和 Stop(停止)手动控制录制。

  5. 录制完配置文件后,点击 Save profile(保存配置文件),然后保存生成的文件。

Firefox

使用 Firefox 性能分析器

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

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

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

  4. 在性能分析器菜单的 Settings 字段中,选择 Web Developer

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

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

  6. 点击上传本地配置文件,然后点击下载,保存生成的文件。

Safari

使用 Safari 网页检查器“时间轴”标签页

  1. 启用 Safari 开发者工具

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

  3. 打开 Safari 网页检查器:在 Safari 菜单栏中,依次点击开发 > 显示网页检查器

  4. 在 Web 检查器中,选择 Timelines(时间轴)标签页。

  5. 选择网页加载后停止录制

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

    性能分析器最多会记录 10 秒或直到其缓冲区满为止。如果您需要录制更长时间的配置文件以捕获问题,可以通过点击 Start recording Stop recording 手动控制录制。

  7. 录制完配置文件后,点击导出并保存生成的文件。

然后,您可以在支持请求中将保存的效果配置文件作为附件上传。