---
title: 混合内容（Mixed Content）修复：定位 → 改法 → 验证
url: https://www.paibaowork.com/ssl/troubleshoot/mixed-content/
last_verified: 2026-10-13
version: v1.0
---
## 什么是混合内容（一句话）
**混合内容（Mixed Content）**：页面本身是 `https://`，但里面的图片、脚本、样式、视频还是用 `http://` 地址加载。浏览器会拦截或自动升级这些资源，严重时显示「不安全」、页面排版错乱、询盘表单点不动【官】。
> [!NOTE] 混合内容不是证书问题
> 出现混合内容时，证书本身通常是好的——问题出在**页面里引用的资源**。所以别去重装证书，先按下面的三步：定位 → 改法 → 验证。
| 你看到的样子 | 背后发生了什么 | 对生意的影响 |
|---|---|---|
| 网址是 https，地址栏却写「不安全」 | 页面里还有 http 资源，浏览器降级提示 | 客户信任打折，Chrome 154（2026-10 起）对无 HTTPS 站点默认先弹警告，氛围只会更严【官】 |
| 部分图片不显示、显示裂图 | http 图片被浏览器拦截 | 产品图、资质图缺失，客户看不到你在卖什么 |
| 页面排版错乱、样式错位 | http 样式表（CSS）被拦 | 网站显得「像坏了」，专业感归零 |
| 询盘表单、在线客服点不动 | http 脚本（JS）被拦 | 客户想联系你，按钮没反应——直接丢询盘 |
| F12 控制台有 `Mixed Content` 黄/红提示 | 浏览器把每个 http 资源都列了出来 | 这就是你的「待修清单」 |
## 浏览器怎么处理混合内容（决定了你会看到什么）
浏览器把混合内容分成两类，处理方式不同【官】：
| 类别 | 包含哪些资源 | 浏览器怎么处理 | 你看到的结果 |
|---|---|---|---|
| 主动内容（blockable） | 脚本、样式表、iframe、AJAX 请求 | **直接拦截**，不加载 | 表单点不动、排版错乱、空白框 |
| 被动内容（passive/display） | 图片、音频、视频 | 先尝试**自动升级**为 https 加载，升级不了才拦截 | 大部分图片还能显示，个别裂图 |
所以「图片还能看、但表单点不动」很常见——不是你没中招，是浏览器帮你兜了一半。只要 Console 里有 `Mixed Content`，都要按下面的步骤改干净。
## 第 1 步：定位（三种找法，任选）
1. **开发者工具（最准）**：用 Chrome 打开出问题的页面，按 `F12`（Mac：`Option + Command + I`）打开开发者工具，点 **Console（控制台）**，找带 `Mixed Content` 字样的黄色/红色提示——它会把具体的 `http://` 地址写出来。
2. **看源代码（最快）**：在网页上右键 → **查看网页源代码**，按 `Ctrl + F` 搜索 `http://`，逐个确认哪些是「页面资源」而不是普通文字。
3. **一条命令（适合批量查）**：
```bash
curl -s https://你的域名/ | grep -Eo '(src|href)="http://[^"]+"' | sort -u
```
把首页 HTML 里所有 `http://` 的图片、脚本、样式、链接列出来。注意：这条命令只看首页的静态 HTML，动态加载的内容（比如插件后插入的客服窗口）抓不到，以第 1 种方法的控制台提示为准。
**把找到的资源分类**，不同类别的改法不一样：
| 资源类型 | 典型来源 | 被拦后果 | 改法方向 |
|---|---|---|---|
| 图片（`![]()
`） | 文章、产品详情里写死的旧域名地址 | 裂图、图不显示 | 换成 `https://` 地址，或改成站内相对路径 |
| 脚本（`