Fiddler自动替换网页图片

Fiddler 自动替换网页图片

⚠️ 重要提示：

1. 请确保已 启用 HTTPS 解密（Tools → Options → HTTPS → 勾选 "Decrypt HTTPS traffic"）
2. 电脑和浏览器已 信任 Fiddler 根证书（否则 HTTPS 图片无法修改）

步骤 1：清除干扰项（关键！）

• 操作：
  Fiddler → File → Remove All（清除所有会话）
  或：点击顶部工具栏的 "×" 按钮（清除当前会话列表）
• 目的：避免历史请求干扰当前操作

步骤 2：抓取目标图片请求

• 操作：
  1. 打开浏览器，访问需修改图片的网页
  2. 强制刷新：Ctrl + F5（不是 F5，避免缓存）
  3. 观察 Fiddler 会话列表 → 闪烁的请求即为捕获成功（图片请求通常含 .jpg/.png）

💡 如何确认是图片请求：

• 在 Fiddler 左侧列表，点击 "Content Type" 列 → 筛选 image/jpeg 或 image/png
• 或 右键 "Content Type" 列 → 选择 "Search this column" → 输入 image → 点击 "Find"

🔧 步骤 3：定位目标请求（精准匹配）

• 操作：
  1. 在会话列表中找到目标图片请求（如 logo.png）
  2. 右键该请求 → 选择 "AutoResponder" → "Add Rule"

🔧 步骤 4：配置 AutoResponder 规则（核心！）

在 Rule Editor 中操作：

选项	操作	说明
Rules	点击 "Add" 按钮	添加新规则
Rule Type	选择 "Find a file"	选择替换文件
File Path	点击 "Browse" → 选择替换图片 → 点击 "Open"	例如：C:\new_logo.png
Enable Rules	勾选	必须勾选
Unmatch...	不要勾选	原步骤中 "Unmatch" 是笔误（Fiddler 无此选项）

💡

🔧 步骤 5：保存规则 & 刷新页面

• 操作：
  1. 点击 "Save" 退出规则编辑器
  2. 返回浏览器 → 强制刷新：Ctrl + F5
  3. 查看网页中图片是否已替换

验证成功：

• 图片显示为 您指定的替换图片
• Fiddler 会显示 "AutoResponder" 标签（在请求状态栏）

⚠️ 常见问题及解决方案

问题	原因	解决方案
图片未替换	1. 未勾选 "Enable Rules" 2. 未强制刷新（用 F5 而非 Ctrl+F5）	1. 重新打开规则编辑器，勾选 "Enable Rules" 2. 必须用 Ctrl + F5 刷新
图片显示空白	替换图片路径错误或格式不支持	1. 检查 "File Path" 是否正确 2. 确保替换图是 .jpg/.png（与原图一致）
HTTPS 请求失败	未安装 Fiddler 根证书	1. 在浏览器访问 http://127.0.0.1:8888 2. 下载并安装 FiddlerRoot certificate（手机需额外信任）
规则对所有图片生效	未添加 URL 匹配条件	在规则编辑器 → "Conditions" 标签 → 添加条件： Request URL 包含 logo.png

操作示意图（Fiddler 界面）

添加规则：

AutoResponder → Add Rule →

Rule Type: "Find a file" →

File Path: [选择您的图片] →

Enable Rules

规则生效状态：

Fiddler 会话列表 → 该请求右侧显示 "AutoResponder"

💡 附加技巧：精准匹配特定图片

若只想替换 特定页面 的图片（如 index.html 中的 logo.png）：

1. 在规则编辑器 → "Conditions" 标签
2. 添加条件：

Request URL contains "index.html"

AND

Request URL contains "logo.png"

1. 保存规则 → 仅当同时满足条件时才替换

总结：操作流程图

graph LR

A[清除干扰项] --> B[强制刷新网页 Ctrl+F5]

B --> C[在Fiddler中定位图片请求]

C --> D[右键请求 → AutoResponder → Add Rule]

D --> E[设置“Find a file”并选择替换图]

E --> F[勾选“Enable Rules”]

F --> G[强制刷新网页 Ctrl+F5]

G --> H[图片成功替换]

最终验证：
打开浏览器开发者工具（F12）→ Network 标签 → 查看图片请求的 Status 是否为 200（非 304），且 Response 中为替换图片内容。