混合内容 Mixed Content

词条 #243 / 700 · 第 5 章 · 5.3 网站安全、HTTPS 与无障碍可访问性（241–248）

一句话定义

HTTPS 页面中加载 HTTP 资源（图片、脚本、样式表）。

打个比方 Analogy

密封袋里装了个漏水的瓶子。虽然袋子是密封的，但里面的东西还是被污染了。

使用 Chrome DevTools 的 "Security" 面板或 "Mixed Content" 过滤器查找。将所有资源 URL 改为 HTTPS，或使用协议相对 URL（//example.com/image.jpg）。

混合内容会导致浏览器阻止加载（"Mixed Content Blocked"），页面显示不正常。特别是 JS 和 CSS 被阻止会导致页面功能失效。