Fiddler腳本修改Response數據

Instroduction:

Fiddler抓包工具，修改CustomRules.js腳本達到修改Http請求的Response中Body信息（如JSON串）。

常用於在Server開發未完全Ready而前端或客戶端開發需要Server數據時，修改請求的返回數據，達到Debug和測試的目的，較添加BreakPoint的方法更加便捷。

Implementation:

 　  目的：

　　本例Demo中會為JSON添加一個字段和修改一個字段，如下所示：

 

// 原JSON串 V1.0
{    
  "music": "big big world",
  "singer": "Emilia Rydberg"
} 

// ====>>>>>

// 新JSON串 V1.1
{
  "music": "big big world",
  "singer": "艾密莉亞·懷得堡",    　　// 修改該字段(英文名改為中文名顯示)
  "similar song": [    　　　　　　  // 添加該字段(相似歌曲列表)
    {
      "music": "dying in the sun",
      "singer": "The Cranberries"
    },
    {
      "music": "seasons in sun",
      "singer": "WestLife"
    }
  ]
}

 

　　基本流程：

　　　　

　　基本步驟（簡單）：

　　打開並編輯Customize Rule文件，在方法 OnBeforeResponse 中插入修改代碼，重啟Fiddler重新加載Rule，運行。

插入代碼：

static function OnBeforeResponse(oSession: Session) {
        if (m_Hide304s && oSession.responseCode == 304) {
            oSession["ui-hide"] = "true";
        }
        
        // 判斷是否為目標請求
        var isMusicRequest = false;
        if ((oSession.host == "m.baidu.com") &&                // host  
            oSession.fullUrl.Contains("suggest?ctl=his&action=list"))   // url
        {
            isMusicRequest = true;
        }
        // 修改返回JSON串
        if (isMusicRequest)
        {
            // 1, 獲取Response Body中JSON字符串
            var responseStringOriginal =  oSession.GetResponseBodyAsString();
            //FiddlerObject.log(responseStringOriginal);    // 可在控制台中輸出Log
           
            // 2, 轉換為可編輯的JSONObject變量
            var responseJSON = Fiddler.WebFormats.JSON.JsonDecode(responseStringOriginal);
            
            // 3, 修改JSONObject變量
            // 3.1修改字段
            responseJSON.JSONObject['singer'] = "艾密莉亞·懷得堡";
            // 3.2添加字段
            var similarSong1= '{' +
                              '"music": "dying in the sun",'+
                              '"singer": "The Cranberries"'+
                              '}';
            var similarSong2= '{' +
                              '"music": "seasons in sun",'+
                              '"singer": "WestLife"'+
                              '}';
            
            var similarSong = '[' +
                              similarSong1 +
                              ',' +
                              similarSong2 +
                              ']';
            responseJSON.JSONObject['similar song'] = Fiddler.WebFormats.JSON.JsonDecode(similarSong).JSONObject ;
            
            // 4, 重新設置Response Body
            var responseStringDestinal = Fiddler.WebFormats.JSON.JsonEncode(responseJSON.JSONObject);
            //FiddlerObject.log(responseStringDestinal);
            oSession.utilSetResponseBody(responseStringDestinal);
        }
    }

 

　　Customize Rule編輯方式：

　　可以通過Fiddler菜單打開CustomRules.js文件然后通過第三方編輯器來編輯並保存，或者通過Fiddler ScriptEditor工具來編輯（推薦，右側有相關類使用參考）。

　　　 

　　OR

　　 

References：

　　1，Fiddler Script基本介紹：

　　http://www.cnblogs.com/TankXiao/archive/2012/04/25/2349049.html

　　2，官方文檔參考：

　　http://docs.telerik.com/fiddler/KnowledgeBase/FiddlerScript/ModifyRequestOrResponse

　　3，使用中踩坑借鑒：

　　http://stackoverflow.com/questions/23094692/can-i-modify-json-responses-using-fiddler-scripts

　　http://www.telerik.com/forums/how-to-use-fiddler-webformats-json-jsondecode

　　4，FiddlerScript Editor：

　　http://www.telerik.com/download/fiddler/fiddlerscript-editor