跟著視頻學習使用Fiddler，視頻地址 http://www.imooc.com/learn/37

第1章 Fiddler工具簡介

Fiddler工作環境

Fiddler工作原理

通過修改瀏覽器的代理服務器地址，Fiddler截獲所有瀏覽器發出的請求。 代理模式： 1. 流模式（streaming）：可實時把服務器數據返回給客戶端。最大優點，更接近於瀏覽器本身真實的行為。 2. 緩沖模式（buffering）：http請求所有的數據都準備好之後，才把數據返回給客戶端。最大優點，可控制最後的服務器響應。

Fiddler使用場景

（1）開發環境host配置

通常情況下，配置host需要改變系統文件很不方便，在多個開發環境下切換很低效 fiddler提供了相對高效的host配置方法

（2）前後端接口調試

通常情況下，調試前後端的接口需要真是的環境，一大推假數據，寫javascript代碼 fiddler只需要一個ui界面進行配置即可

（3）線上bugfix

fiddler可以將發布文件代理到本地，快速定位線上bug

（4）性能分析和優化

fiddler會提供請求的實際圖，清晰明了，網站需要優化的部分

第2章 Fiddler界面操作介紹

Fiddler工具條常用功能

• Replay：重新發出請求，快捷鍵 R
• Go：斷點繼續執行
• Stream：按下為流模式，默認緩沖模式
• Decode：解壓請求返回的數據
• All sessions：保存的會話越多，越占性能
• Any Process：按下按鈕，出現十字，移到要監視的瀏覽器上，後放開鼠標即可
• Find：可設置高亮顏色
• Save：保存請求
• TextWizard：編碼/解碼
• Tearoff：分離面板
• MSDN Search：Fiddler是.net開發的

Fiddler狀態欄操作

• 控制臺：底部黑色一條，可輸入命令
• Capturing：控制Fiddler是否工作
• Web Browsers（Capturing右側按鈕）：過濾會話來源

Fiddler監控面板的使用

• Statistics： RTT：往返時間。
• Inspectors：查看各種請求參數，包括form表單提交的參數。
• AutoResponder：文件代理，服務器上的文件使用本地文件代理。定位線上網站的bug。
• Composer：前後端接口連調，修改請求參數，偽造請求。在不改任何js代碼的情況下，調試服務器接口。
• Timeline

第3章 Fiddler常用功能

Fiddler文件、文件夾代理和HOST

• host配置：Tools->HOSTS 設置host。不會去讀取system文件夾下的host文件，所以要激活或關閉host時，不用去修改host文件，而只要在Fiddler中關閉hosts功能或者關閉Fiddler。可用host管理插件。
• AutoResponder：文件替換，把線上文件映射到本地，進行修改，然後進行調試。

Fiddler工具使用