工欲善其事必先利其器 —— Fiddler

內容主要來自慕課網課程《Fiddler工具使用》及平常實際使用總結

1. 用途

• 監控http/https請求
• 截獲請求內容 - 分析請求數據、響應數據
• 僞造請求 - 實現先後端調試
• 測試網站性能 - 性能優化的依據
• 經過插件實現其它高級功能 - 網絡限速等

2. 工做原理

在客戶端與服務端之間創建了一個代理服務器，客戶端發起的全部請求，都要經過Fiddler代理服務器才能到達最終的服務器。

建立代理服務器的方法是，Fiddler篡改瀏覽器或其它客戶端應用的代理服務器設置(以IE爲例：Internet選項 - 局域網設置 - 代理設置)。

代理方式分爲：

• 流模式(streaming) 截獲的響應數據實時返回給客戶端，該方式更接近瀏覽器實際狀況；

• 緩衝模式(buffering) 截獲一次http的全部響應數據後再返回給客戶端。

3. 功能說明

• Tools 配置host代理，即將某個域名請求，所有代理到指定的ip上

• Replay 回放按鈕，選中後從新發起請求

• Stream 模式切換，流模式、緩衝模式

• Any Process 精準指定監控對象：點擊後，用靶心圖標去選中監控對象(如Chrome瀏覽器)

• TextWizard 編/解碼按鈕：可對URL中參數編解碼，可作爲平常通用字符轉碼工具使用(URL編解碼、base64編解碼等等)！！

• Capturing 啓用、中止Fiddler

• All Process 過濾會話內容：全部應用、僅瀏覽器、全部都不

• Statistics 數據統計，反應一個請求的性能指標

• Inspectors 對請求解包，可查看請求、響應的數據

• AutoResponder 文件代理，將請求代理到本地或一個想要請求的ip上

• Composer 先後端接口連調，實現不經過前端代碼，就能模擬發送請求

• Timeline 網站性能分析

4. 實戰應用

host配置

場景： 開發環境但願經過域名請求開發環境而非線上環境資源

方法：

Tools —— HOSTS... —— 添加 IP 域名 規則

例如：183.129.190.11:8080 www.baidu.com

特定資源代理

場景： 開發環境開發代碼時，但願請求測試環境接口數據而非開發環境數據(可能開發環境缺乏數據)。不只適合接口也適合各類資源(js、css、圖片等)的代理

方法：

AutoResponder —— 添加對應資源路徑組合

例如： d585tldpucybw.cloudfront.net/sfimages/de… D:\images\ninjas-action.png

模擬接口請求

場景： 前端代碼暫未完成，而接口已完成，但願模擬前端請求驗證接口是否可用

方法：

Composer —— 輸入請求地址 —— 執行請求查看響應

5. 其它

我將學習、工做中的積累作成了開源項目：Blog

歡迎關注並一塊兒討論學習。