HTTPS不能自动修复混合内容，需手动将http://改为https://或//协议相对路径，或通过CSP upgrade-insecure-requests头自动升级请求，同时须全面检查动态生成资源。
HTTPS 本身不能自动修复混合内容
启用 HTTPS 后，浏览器仍会阻止页面中通过 http:// 加载的资源（如图片、脚本、样式表），并报错 Mixed Content blocked。HTTPS 只是加密传输通道，不改变资源地址协议。真正起作用的是资源链接本身的协议是否为 https:// 或协议相对路径。
用 // 协议相对 URL 替换 http:// 是最简方案
适用于静态资源路径可控、且所有后端服务同时支持 HTTP/HTTPS 的场景。把硬编码的 http://cdn.example.com/js/app.js 改成 //cdn.example.com/js/app.js，浏览器会自动继承当前页面协议加载。
- 优点：无需改后端配置，兼容老版本浏览器
- 缺点：若页面走 HTTP，资源仍走 HTTP；若 CDN 不支持 HTTPS，HTTPS 页面会加载失败
- 注意：
//对javascript:或data:等伪协议无效，也不适用于iframe的src在某些旧版 Safari 中有兼容问题
Content-Security-Policy 的 upgrade-insecure-requests 能自动升级请求
在响应头中加入 Content-Security-Policy: upgrade-insecure-requests，现代浏览器（Chrome 43+、Firefox 48+、Safari 10.1+）会将页面内所有 http:// 资源请求自动改写为 https://，包括 <img src="http://...">、<script src="http://..."> 等。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 仅影响主动加载的资源，不影响重定向链中的中间跳转
- 不会修改 DOM 属性值或 JS 中拼接的 URL，只作用于浏览器解析 HTML 时发起的初始请求
- 需确保目标 HTTPS 服务可用，否则直接报
net::ERR_CONNECTION_REFUSED或超时
检查和定位混合内容不能只靠控制台刷新一次
很多混合内容是动态生成的：JS 插入的 <img>、AJAX 返回的 HTML 片段、第三方 SDK 自行加载的资源。单纯看初始 HTML 源码或首次 F12 控制台可能漏掉。
立即学习“前端免费学习笔记（深入）”；
- 打开 Chrome DevTools →
Network标签 → 勾选Preserve log，再操作页面交互（如点击、滚动、懒加载） - 筛选
Initiator列为other或script，找状态码为failed且提示blocked:mixed-content的请求 - 特别留意统计类、广告、客服组件等第三方脚本，它们常硬编码 HTTP 地址且难以直接修改
协议升级不是一劳永逸的事——CDN 配置、第三方服务支持度、前端运行时逻辑，三者缺一不可。最容易被忽略的是：后端模板里生成的 URL、构建工具注入的 publicPath、甚至 Vue/React 中 v-bind:src 绑定的变量值，都可能藏匿未升级的 http://。
