[!info] related notes

• 所属 MOC: 浏览器开发者工具 MOC
• 前置概念: HTTPS, 跨域, 同源策略
• 并列概念: Network 面板, Application 面板, Lighthouse
• 易混淆概念: Console 面板
• 关系笔记: 浏览器开发者工具

DevTools Security 与 Issues 面板

一句话定义

Security 和 Issues 面板负责集中展示“浏览器认为这页在安全、策略或兼容方面有什么明显问题”。

核心内容

Security 面板更适合看什么

• 当前页面是否安全加载
• HTTPS / 证书状态
• 混合内容
• 与证书链、加密连接相关的问题

Issues 面板更适合看什么

• 浏览器聚合出来的告警项
• 跨站 Cookie、混合内容、弃用 API、兼容性提示
• 某些原本分散在 Console、Network 中的提示汇总

常见使用场景

• 明明是 HTTPS 页面却被浏览器标记不安全
• Cookie 策略、跨域策略、弃用 API 导致行为异常
• 控制台信息太杂，想先看浏览器归纳后的重点问题

边界与易混淆点

• Issues 只是线索汇总，不等于完整根因分析
• 安全问题最终仍要结合 Network 面板 的请求证据和 Application 面板 的站点状态
• 没有 Issues 不等于没有问题，很多业务逻辑错误不会出现在这里

Related notes

• 浏览器开发者工具 MOC
• HTTPS
• 跨域
• 同源策略