Fiddler图片替换实操：从零到一用AutoResponder搞定网页资源劫持

一 环境与准备​

安装并启动 ​Fiddler，在左下角确认 ​Capturing​ 为开启状态（绿色）。

抓取 ​HTTPS​ 流量需在 ​Tools > Options > HTTPS​ 勾选 ​Capture HTTPS CONNECTs​ 与 ​Decrypt HTTPS traffic，并按提示安装根证书，否则图片等 HTTPS 资源可能无法被拦截与替换。

准备替换素材：将本地图片放到固定路径（如 ​D:\test\replace.png），建议与原图保持相同格式与尺寸，避免页面布局错乱。

​二 抓取目标图片请求​

打开目标网页后执行 ​Ctrl+F5​ 强制刷新，确保浏览器不使用缓存，Fiddler能抓到完整请求。

在 Fiddler 会话列表中定位图片请求：

通过右侧 ​Content-Type​ 筛选，常见为 ​image/jpeg、image/png​ 等；

或在顶部搜索框输入图片 ​URL 关键词快速定位。

选中目标图片请求，右键 ​Copy > Just URL，复制该图片的完整请求地址，后续用于规则匹配。

​三 配置自动转发 AutoResponder 规则​

切换到右侧 ​AutoResponder​ 标签，勾选：

​Enable rules​（启用规则）

​Unmatched requests passthrough​（未匹配请求正常放行）

添加规则（两种方式任选其一）：

拖拽左侧目标会话到右侧规则区，自动生成匹配条件；

点击 ​Add Rule，在左侧“匹配条件”粘贴刚才复制的图片 ​URL。

配置响应动作（右侧“响应”）：

选择 ​Find a file…，选中本地替换图片（如 ​D:\test\replace.png）；

如需批量替换，可使用通配符或正则，例如：左侧用 ​regex:(?inx).+.png​ 匹配所有 PNG，右侧统一指向本地文件或另一张网络图片 URL。

点击 ​Save​ 保存规则，并确保新规则处于勾选状态。

​四 验证与常见问题处理​

返回浏览器执行 ​Ctrl+F5​ 强制刷新，观察页面图片是否被替换；在 Fiddler 会话列表中，对应请求的 ​Result​ 列通常显示为 ​200，且响应内容来自本地文件。

若未生效，优先排查：

是否命中规则：在 AutoResponder 使用 ​Test URL​ 校验匹配结果，必要时调整规则顺序（上移优先级更高）；

是否命中缓存：再次执行 ​Ctrl+F5，或在 ​F12 > Network​ 勾选 ​Disable cache；Fiddler 也可临时启用 ​Rules > Performance > Disable Caching；

HTTPS 证书：未安装或信任 Fiddler 根证书会导致拦截失败，重新安装证书后重试。

取消替换：在 ​AutoResponder​ 取消勾选对应规则或点击 ​Remove​ 删除；测试完成后建议关闭规则，避免影响后续浏览。

​五 进阶用法与实用建议​

不仅可以替换为本地文件，还可将请求转发到其他网络地址​（右侧选择 ​Redirect to​ 并填写目标图片 URL），用于切换到其他 ​CDN​ 或测试环境资源。

规则较多时通过拖拽调整顺序，Fiddler 按从上到下匹配；可用 ​EXACT:​、regex:​​ 等前缀精确控制匹配范围，提升替换的准确性与可维护性