问题:查找和解决问题

Sam Dutton
Sam Dutton
Sofia Emelianova
Sofia Emelianova

使用问题面板查找浏览器检测到的问题(例如 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。将鼠标悬停在右侧的 信息。 信息图标上,即可查看问题及解决方法。

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