測試公開課資料系列01--Fiddler之AutoResponse線上除錯利器

前言

做的技藝來自做的過程。

明天晚上，筆者在騰訊課堂開播一堂Fiddler實戰公開課，嗯～先預先籌備一些課堂資料給大家來分享 

一、Fiddler線上除錯介紹

Fiddler線上除錯 --> Fiddler重定向功能 --> AutoResponder頁籤

可以抓取線上頁面儲存到本地進行除錯，大大減少了線上除錯的困難

可以讓我們修改伺服器端返回的資料，例如讓返回都是HTTP404或者讀取本地檔案作為返回內容

二、Fiddler實現線上除錯原理

首先還是得看Fiddler工作原理圖，如下：

新夢想技術分享

在Fiddler的AutoResponder頁籤設定匹配規則，伺服器返回的資料先返回到Fiddler上，返回的資料如果和設定的匹配規則匹配成功，則自動根據設定的後續動作（比如返回404、利用本地檔案返回等）進行返回到客戶端（瀏覽器上）

三、重定向功能操作步驟

3.1 選中左側單個會話拖至右側AutoResponder頁籤（注意解碼）

3.2 在右側選中會話右擊Edit Response（編輯響應），點開響應正文進行編輯，然後儲存

3.3 設定使用重定向，即勾選如下兩個選項：

Enable rules 表示啟動重定向

Unmatched requests passthrough 表示允許未匹配到的請求正常響應。應該打勾才能讓其他的請求繼續；否則其他未匹配到的請求都會以 404 狀態返回。

備註：

rules中支援正規表示式操作

可以使用本地檔案作為返回

四、常用匹配規則設定介紹

無字首表示基本搜尋，表示搜尋到字串就匹配

字首為“EXACT:”表示完全匹配（大小寫敏感）

字首為“NOT:”表示發現就不匹配

字首為“REGEX:”表示使用正規表示式匹配

字首為“REGEX:(?insx)”表示匹配 方式

五、常用處理方式介紹

設定返回狀態碼

自動斷點：bpu、bpafter

超時返回：*delay:100

顏色標記：*flag:ui-backcolor=#FFD700

設定頭部資訊：*header:HeaderName=NewValue

重定向網址：*redir:

本地檔案：Find a file

六、課程過程中的實戰

6.1 指定的會話改變樣式

6.2 修改返回的響應正文資料

6.3 線上除錯樣式檔案(css檔案)

七、啟發式總結

可以完成mock嘛？

能方便開發進行線上除錯嘛？