一、前期准备（避免干扰，确保结果准确）

1. 打开浏览器（优先推荐 Google Chrome 或 Microsoft Edge，两者开发者工具操作完全一致，以下以 Chrome 为例）。
2. 开启无痕模式（关键：排除浏览器本地缓存、插件缓存的干扰）：
   • 快捷键：Ctrl+Shift+N（Windows）/ Command+Shift+N（Mac）。
   • 手动操作：点击浏览器右上角「三个点」→ 选择「新建无痕窗口」。
3. 确认你的网站已完成阿里云 CDN 全站加速配置，且 CNAME 解析已生效（否则看不到 X-Cache 响应头）。

二、分步操作（全程可落地）

步骤 1：在无痕窗口中访问目标页面（先准备地址）

1. 在无痕窗口的地址栏中，先输入你的网站主域名，确认能正常访问（如 https://www.你的域名.com）。
2. 接下来，我们需要验证两个核心页面，先准备好完整地址：
   • 后台地址：https://www.你的域名.com/wp-admin/（末尾斜杠可保留，确保访问后台首页）
   • 登录页面地址：https://www.你的域名.com/wp-login.php（直接访问登录入口文件）

步骤 2：打开开发者工具并切换到 Network 面板

1. 在无痕窗口中，先点击地址栏，输入第一个验证地址（比如后台地址 https://www.你的域名.com/wp-admin/），不要回车访问（先打开开发者工具，避免错过请求日志）。
2. 打开开发者工具（3 种方式任选其一）：
   • 快捷键（推荐）：F12（直接唤醒，全系统通用）。
   • 快捷键备选：Ctrl+Shift+I（Windows）/ Command+Option+I（Mac）。
   • 手动操作：右键点击浏览器空白处 → 选择「检查」（英文为「Inspect」）。
3. 切换到「Network」（网络）面板：
   • 开发者工具默认打开的是「Elements」（元素）面板，点击顶部导航栏中的「Network」（位于第二个，图标是小电脑 + 信号），切换到网络请求监控面板。
4. 关键设置（必做：避免日志丢失，排除本地缓存干扰）：
   • 勾选「Preserve log」（保留日志）：位于 Network 面板顶部左侧，勾选后，页面跳转、刷新时不会清空之前的请求日志，确保能完整看到 /wp-admin/ 或 /wp-login.php 的请求记录。
   • 勾选「Disable cache」（禁用浏览器缓存）：位于 Network 面板顶部右侧（需确保开发者工具处于打开状态才会显示），勾选后，浏览器不会使用本地缓存，只会从网络（CDN / 源站）获取资源，确保验证结果是 CDN 的真实缓存状态。
   • 可选：将「Filter」（筛选）设置为「Doc」（文档），只显示 HTML 文档请求，过滤掉 CSS、JS、图片等无关静态资源，方便后续查找核心请求（后续会详细说明）。

步骤 3：访问后台页面（/wp-admin/）并捕获请求

1. 确保开发者工具的 Network 面板已打开，且「Preserve log」「Disable cache」已勾选。
2. 回到浏览器地址栏，按下「回车」，访问 https://www.你的域名.com/wp-admin/（此时会跳转到登录页面，或直接进入后台，均不影响验证）。
3. 观察 Network 面板：此时会快速加载一系列请求（彩色的进度条），等待请求加载完成（进度条停止滚动，面板不再新增请求）。

步骤 4：找到核心请求（/wp-admin/ 或 /wp-login.php）

方式 1：筛选「Doc」（文档）类型（推荐，最快捷）

1. 在 Network 面板顶部，找到「Filter」（筛选）区域，点击左侧的「Doc」（图标是一个小页面，对应「Document」文档类型）。
2. 筛选后，面板中只会显示 HTML 文档请求，通常只有 1-2 条，其中一条就是 /wp-admin/ 或 /wp-login.php（对应地址栏中的访问地址）。
3. 找到请求名称列中显示「wp-admin/」或「wp-login.php」的那条请求，点击它（左键单击，选中该请求）。

方式 2：搜索框精准查找（适合筛选失效时）

1. 在 Network 面板顶部，找到搜索框（右侧，带有放大镜图标）。
2. 输入 wp-admin 或 wp-login.php，按下回车，面板会自动筛选出包含该关键词的所有请求。
3. 在筛选结果中，找到「Type」（类型）列为「document」的请求，点击它（左键单击，选中该请求）。

步骤 5：查看响应头（找到 Cache-Control 和 X-Cache）

1. 选中核心请求后，浏览器右侧（或下方，取决于开发者工具布局）会弹出该请求的「详情面板」。
2. 在详情面板中，切换到「Headers」（标头，Edge 浏览器中显示为「响应标头」，Chrome 中为「Headers」）选项卡（默认就是该选项卡，无需额外切换）。
3. 向下滚动详情面板，找到「Response Headers」（响应标头）区域（该区域包含 CDN / 源站返回给浏览器的所有响应信息，是我们验证的核心）。
4. 在「Response Headers」区域中，查找两个关键字段：
   • 查找 Cache-Control：
   • 直接在响应标头中向下翻，或使用「Ctrl+F」（Windows）/「Command+F」（Mac）打开面板内搜索框，输入 Cache-Control，快速定位。
   • 查看该字段的取值：预期结果为 no-cache, must-revalidate（也可能显示 no-cache, must-revalidate, max-age=0 或 no-store，均表示不缓存，符合要求）。
   • 查找 X-Cache：
   • 同样使用面板内搜索框，输入 X-Cache，快速定位（该字段是阿里云 CDN 特有的响应头，只有 CDN 生效后才会显示）。
   • 查看该字段的取值：预期结果为 MISS（也可能显示 MISS from xxx，其中 xxx 是 CDN 节点名称，均表示该请求未被 CDN 缓存，直接回源获取，符合后台排除规则要求）。

步骤 6：重复操作验证另一个页面（/wp-login.php 或 /wp-admin/）

1. 保持开发者工具打开，且「Preserve log」仍勾选。
2. 在浏览器地址栏中，输入另一个验证地址（比如 https://www.你的域名.com/wp-login.php），按下回车。
3. 重复步骤 4-5，找到 wp-login.php 的核心文档请求，查看「Cache-Control」和「X-Cache」字段，确认是否符合预期结果。

三、验证结果解读与常见问题

1. 符合预期（配置生效）

• Cache-Control：显示 no-cache, must-revalidate（或包含 no-cache/no-store）。
• X-Cache：显示 MISS（或 MISS from xxx）。
• 结论：阿里云 CDN 后台排除规则已生效，后台 / 登录页面未被 CDN 缓存，配置正确。

2. 不符合预期（需排查）

四、补充说明（其他浏览器适配）

1. Firefox 浏览器：操作逻辑一致，打开开发者工具（F12）→ 切换到「网络」面板 → 勾选「保留日志」和「禁用缓存」→ 后续步骤与 Chrome/Edge 相同。
2. 国产浏览器（360 / 搜狗）：基于 Chromium 内核，开发者工具操作与 Chrome 完全一致，直接参考上述步骤即可。