Fiddler 抓包除錯

Fiddler 是一款功能強大的 http 抓包工具，對於 http 請求響應抓包除錯十分實用，可以很方便檢視 http 請求，http 響應的內容，修改 http 請求後重新發送，攔截 http 響應修改後重新響應；

Fiddler 基本介面介紹

以下是 fiddler 主介面的工具欄

其中“切換代理模式”，fiddler 有以下 2 種代理模式：

緩衝模式：http 請求把所有資料緩衝結束後，再返回給客戶端；

流模式：實時把伺服器的資料返回給客戶端；

請求響應除錯工具欄常用元件面板介紹：

• Statistics：顯示當前使用者選擇的 Sessions 的彙總資訊；
• Inspectors：允許使用多種不同格式檢視每個請求和響應的內容；
• AutoResponder：將某一請求的響應結果替換成指定的資源；
• Composer：建立自定義 http 請求，用於除錯後端介面十分方便；
• Filters：過濾器功能，用於對請求進行自定義規則過濾；
• Timeline：用於分析請求響應時間，類似於 chrome network 除錯面板的請求時間線；

Fiddler 反向代理除錯

解決抓取 https 連線返回 443 問題

如果抓包請求為 https 請求，fiddler 會預設返回443埠無法解析的記錄，類似如下：

進入【Tools -> Options -> HTTPS】, 勾選 Capture HTTPS traffic，Decrypt HTTPS traffic，之後重新啟動 fiddler

過濾 http 請求

進入 Filter 面板，勾選 Use Filters 選項，比如需要只顯示“api.bilibili.com”主機下的請求，可以如以下設定：

當然 Fileters 還有十分豐富的過濾配置，可以根據需求進行相應的請求過濾配置，如 Client process 可以對請求來源進行過濾，Request Headers 可以對請求頭進行過濾，Response Status Code、Response Typeand Size 可以對響應狀態碼、響應型別進行配置；

修改重發 http 請求

Fillder 一個十分實用的功能，就是可以修改攔截到的 http 請求，修改請求引數後重新發送改請求，這個功能對於後端介面的除錯十分方便（因為有些 http 請求需要驗證 session，cookie 等資料，如果手動編寫請求指令碼，還原引數部分十分麻煩），特別是後端 web controller 相應的介面有比較複雜的條件判斷分支，如果僅僅靠客戶端介面去修改資料傳送請求，有些判斷分支的進入場景是十分難以再現的，使用這個功能可以直接修改請求引數，儘可能達到後端介面 controller 的每一個判斷分支；

以下以更改 bilibili 視訊詳情頁評論介面 https://api.bilibili.com/x/v2/reply?callback=jQuery17203964950070835611_1531888910878&jsonp=jsonp&pn=1&type=1&oid=26473757&sort=0&_=1531888915223，分頁引數為例：

• 右鍵指定請求，點選 Unlock For Editing 

• 在 Inspectors 頁中修改 Request Headers 中的分頁 pn 請求引數（pn），因為該請求為 GET 請求，請求引數放置在 url 中，可以直接這樣操作，如果是 POST 請求等把請求引數放置在請求正文中（表單形式、json、xml 等），可以在 TextView 或 SyntaxView 頁中修改該請求引數；

• 右鍵該請求，選擇  Replay -> Reissue Requests，即可獲取該請求修改引數後返回的 http 響應；

修改重發 http 響應

同樣的，Fiddler 也可以修改某個請求的響應正文，之後再該攔截該請求，自動將響應正文替換為修改後的響應正文，這個功能主要用在前端頁面的除錯上面，十分方便，無需後端介面編寫某些特定的返回值，同時對比 chrome 自帶的 source 工具，又具有跨頁面除錯的優勢；

• 解鎖該請求，同修改 http 請求步驟一樣，右鍵請求，選擇 Unlock For Edit；
• 在 Inspectors 面板中，在響應部分的 SyntaxView 或 TextView 修改響應的引數；

• 直接拖動該請求到 AutoResponder ，勾選 Enable rules，Unmatcjed requests passthrough 

• 重新重新整理瀏覽器頁面，或者進行任何可以重新觸發該請求的操作，可以在前端頁面看到該響應資料被修改後的情況；