问题：查找和解决问题

Sam Dutton
Sofia Emelianova
Sofia Emelianova
GitHub

使用问题面板查找浏览器检测到的问题（例如 Cookie 问题和混合内容）的解决方案。

概览

通过收集和归类常见问题，问题面板可减少控制台中的通知疲劳和杂乱情况。

目前，“问题”面板会报告以下内容：

未来的 Chrome 版本将支持更多问题类型。

打开“问题”面板

  1. 访问存在问题的网页以进行修正。
  2. 打开开发者工具。

  3. 点击顶部操作栏右角 设置。 设置旁边的未解决的问题按钮。根据问题的严重程度，该按钮可能带有红色 错误。、黄色 警告。 或蓝色 信息。 图标。

    带有红色图标的“未解决的问题”按钮。

    或者，您也可以从 “更多工具”菜单。 More tools 菜单中选择问题。

    “更多工具”菜单中的“问题”面板。

  4. 进入问题面板后，您可能需要重新加载页面，以便捕获更多问题，这次是发生在页面加载期间的问题。

    重新加载页面后，“问题”面板中又发现了一个问题。

控制台可能还会显示浏览器报告的问题。不过，您会发现，此类问题（例如下方屏幕截图中的 Cookie 警告）很难理解。您不清楚需要采取哪些措施来解决问题。

显示不明确 Cookie 警告的控制台。

另一方面，“问题”面板可为您提供实用分析洞见。

在“问题”面板中查看项目

问题面板以结构化、汇总且可操作的方式呈现浏览器发出的警告。

  1. 点击问题面板中的某个问题，展开该问题，并获取有关如何解决该问题以及如何查找受影响资源的指导。

    “问题”面板，其中展开了跨网站 Cookie 问题。

    每个项目都包含四个组成部分：

    • 描述问题的标题。
    • 提供背景信息和解决方案的说明。
    • 受影响的资源部分，其中包含指向相应开发者工具上下文中的资源的链接，例如网络、来源、元素和其他面板。
    • 指向更多指导信息的链接。

  2. 点击受影响的资源中的项，即可查看上下文中的问题。

按问题类型分组

问题面板会统计每个问题影响的资源数量，并将其显示在相应问题的标题旁边。此外，您还可以按问题的严重程度将问题整理为以下三类：

  • 错误。 Chrome 报告的网页错误。
  • 警告。 重大更改，例如弃用。
  • 开发者工具建议的信息。 改进。

如需对问题进行分组，请在问题面板顶部操作栏中选中复选框。 按类型分组。

问题分为三类：“网页错误”“重大变更”和“改进”。

包含第三方问题

问题面板默认显示第三方 Cookie 问题。

您可以在受影响的资源部分中找到缺少链接的第三方 Cookie 问题。

“受影响的资源”部分中没有关联资源的第三方 Cookie。

如需隐藏此类问题，请在问题面板顶部操作栏中清除 清除。 Include third-party cookie issues。

隐藏问题

如需隐藏问题，请从问题旁边的 三点状菜单。 三点状菜单中选择隐藏类似问题。

问题旁的三点状菜单中的“隐藏类似问题”选项。

如需查看隐藏问题的列表，请向下滚动到隐藏问题部分并展开该部分。

“已隐藏的问题”部分。

如需显示所有问题，请点击全部取消隐藏。如需显示特定问题，请从该问题旁边的 三点状菜单。 三点状菜单中选择取消隐藏类似问题。

此外，启用分组功能后，您可以使用群组旁边的同一三点状菜单隐藏整个问题群组。

包含用于隐藏“改进”群组的选项的三点状菜单。

在上下文中查看问题

如需调查某个问题，请执行以下操作：

  1. 在受影响的资源部分中，点击资源链接可在开发者工具中查看相应上下文中的商品。该链接会将您带到网络面板。

    “受影响的资源”部分，其中包含指向受影响请求的链接。

  2. 滚动以查看存在问题的商品，在本例中为 Cookie ck02。将鼠标悬停在右侧的 信息。 信息图标上，即可查看问题及解决方法。

    当您将鼠标悬停在信息图标上时，“网络”面板会显示工具提示。