Chrome 开发者工具中的 Issues 面板可以减少 Console 的通知疲劳程度和杂乱的情况。使用该工具查找浏览器检测到的问题（例如 Cookie 问题和混合内容）的解决方案。
截至目前，问题面板支持以下功能：
- Cookie 问题
- 混合内容
- COEP 问题
- CORS 错误
- 怪异模式问题
- （预览版）低对比度问题
- 可信网络活动问题
- 样式表加载问题
@propertyCSS 规则无效- 违反内容安全政策
- 自动补全属性问题
Chrome 的未来版本将支持更多问题类型。
打开“问题”面板
- 访问有待修正问题的网页，例如 samesite-sandbox.glitch.me。
- 打开开发者工具。
点击操作栏右上角
设置旁边的 Open Issues（打开问题）按钮。该按钮可能显示红色 
、黄色 
或蓝色 
图标，具体取决于问题的严重程度。
或者，从
更多工具菜单中选择问题。
进入问题面板后，您可能希望重新加载页面以发现更多问题，而这一次发生在页面加载期间。
控制台可能还会显示浏览器报告的问题。不过，您会发现此类问题（比如以下屏幕截图中的 Cookie 警告）很难理解。不清楚您需要采取什么措施来解决问题。
另一方面，问题面板可为您提供富有实用价值的分析洞见。
查看“问题”面板中的内容
Issues 面板会以结构化、汇总且切实可行的方式显示来自浏览器的警告。
点击 Issues（问题）面板中的项目可展开问题，获取有关如何解决问题和查找受影响资源的指导。
每项内容均包含四个组成部分：
- 描述问题的标题。
- 提供背景信息和解决方案的说明。
- 受影响的资源部分，用于链接到相应开发者工具上下文中的资源，例如网络、来源、元素和其他面板。
- 指向进一步指南的链接。
点击受影响的资源中的内容以在上下文中查看问题。
按种类对问题进行分组
Issues 面板会统计每个问题对应的受影响资源数量，并将其显示在相应标题旁边。此外，您还可以按问题的严重程度将问题分为三种群组类型：
Chrome 报告的网页错误。
重大更改，例如弃用。
开发者工具建议的改进。
如需将问题分组，请在 Issues 面板顶部的操作栏中选中 
Group by kind。
包含第三方问题
默认情况下，问题面板会显示第三方 Cookie 问题。
您可以在受影响的资源部分中找到缺少链接的第三方 Cookie 问题。
如需隐藏此类问题，请在 Issues（问题）面板顶部的操作栏中清除 
Include third-party cookie issues（包含第三方 Cookie 问题）。
隐藏问题
如需隐藏某个问题，请从相应问题旁边的 
三点状菜单中选择隐藏此类问题。
如需查看已隐藏问题的列表，请向下滚动到隐藏的问题部分，然后将其展开。
若要显示所有问题，请点击全部取消隐藏。如需显示具体问题，请从相应问题旁边的 
三点状菜单中选择取消隐藏此类问题。
此外，如果启用分组功能，您还可以使用分组旁的三点状菜单隐藏整个问题组。
在上下文中查看问题
如需调查某个问题，请执行以下操作：
在受影响的资源部分中，点击资源链接即可在开发者工具的适当上下文中查看相应项。在此示例中，点击
samesite-sandbox.glitch.me以显示附加到该请求的 Cookie。此链接会将您转到 Network 面板。
滚动查看存在问题的项目：在本例中为 Cookie
ck02。将鼠标悬停在右侧的
信息图标上，即可查看相应问题及其解决方法。