📝 Fiddler 插件与脚本使用指南

🔌 安装两个插件

1. Gallery 插件（图片集中查看）
   python

安装步骤：

Tools → Fiddler Options → Extensions → Gallery

功能：自动收集所有图片，方便统一查看和导出

2. Script 插件（JS代码格式化）
   python

安装步骤：

Tools → Fiddler Options → Extensions → Script

功能：自动格式化混乱的JS代码，便于调试

🔀 自动转发规则设置
图片自动转发
text
步骤：

1. 查找图片请求
2. 右键 → AutoResponder（自动转发器）
3. 启用规则（Enable rules）
4. 添加规则（Add Rule）
5. 将图片拖入规则框
6. 保存规则

作用：将特定图片请求转发到本地或替换图片
🔍 数据包筛选过滤
方法1：过滤会话列表
text
在会话列表中：

1. 过滤器输入主机名
2. 只显示该主机的数据包
   方法2：代码高亮显示
   基本代码结构：
   javascript
   // 响应前执行
   OnBeforeResponse()

// 请求前执行
OnBeforeRequest()

// 代码返回true或false
查找字符串：
javascript
const str = "hello"
const index = str.indexOf("s") // 返回-1表示没找到
console.log(index)
替换响应内容：
javascript
// 方法1：检查主机名
if(oSession.host.indexOf("mosoteach.cn") > -1){
oSession.utilReplaceInResponse("旧文本", "新文本");
}

// 方法2：检查URL
if(oSession.uriContains("mosoteach.cn")){
oSession.utilReplaceInResponse("旧文本", "新文本");
}
高亮显示特定会话：
javascript
if (oSession.host.indexOf("mosoteach.cn") > -1) {
oSession["ui-color"] = "orange"; // 改为橙色
}
🎯 使用示例
场景：修改慕课堂内容
javascript
// 找到慕课堂请求，修改响应内容
if(oSession.host.indexOf("mosoteach.cn") > -1){
// 替换文本
oSession.utilReplaceInResponse("如何使用", "new");

// 高亮显示
oSession["ui-color"] = "orange";

}
效果：

慕课堂相关请求变为橙色

页面中的"如何使用"被替换为"new"

📋 快速配置步骤
安装插件：Gallery + Script

自动转发：拖拽图片创建规则

筛选数据：过滤器输入主机名

高亮显示：添加代码改颜色

修改内容：添加替换代码

💡 核心要点
Gallery插件：集中管理图片

Script插件：格式化JS代码

自动转发：替换图片资源

过滤高亮：快速定位目标请求

代码修改：实时替换页面内容

这样设置后，Fiddler只会显示或高亮你关注的请求，方便调试和修改。