Fiddler_官方網(wǎng)站
Fiddler_官方文檔
Fiddler_官方視頻
Fiddler_官方插件
1担孔、Filddler簡介
Fiddler是最強大最好用的Web調試工具之一怒允，它能記錄所有客戶端和服務器的http和https請求憔维，允許你監(jiān)視淹辞，設置斷點地沮，甚至修改輸入輸出數(shù)據(jù)攀例，F(xiàn)iddler包含了一個強大的基于事件腳本的子系統(tǒng)镰禾，并且能使用.net語言進行擴展皿曲。
2吴侦、Filddler工作原理
Fiddler是以代理WEB服務器的形式工作的,瀏覽器與服務器之間通過建立TCP連接以HTTP協(xié)議進行通信屋休，瀏覽器默認通過自己發(fā)送HTTP請求到服務器，它使用代理地址:127.0.0.1, 端口:8888. 當Fiddler開啟會自動設置代理易阳， 退出的時候它會自動注銷代理捕发，這樣就不會影響別的程序帝蒿。不過如果Fiddler非正常退出沼撕，這時候因為Fiddler沒有自動注銷敬拓，會造成網(wǎng)頁無法訪問。解決的辦法是重新啟動下Fiddler.
3辨泳、移動端抓包配置
前提條件是：安裝Fiddler的機器虱岂，跟移動設備在同一個網(wǎng)絡里， 否則移動設備不能把HTTP發(fā)送到Fiddler的機器上來菠红。
具體操作步驟如下：
Fiddler設置打開Fiddler, Tools-> Fiddler Options第岖。（配置完后記得要重啟Fiddler）.
選中"Allow remote computers to connect". 是允許別的機器把HTTP/HTTPS請求發(fā)送到Fiddler上來
配置fiddler.png
移動設備Fiddler配置
Android手機為例：
獲取當前電腦IP:window+R——cmd——ipconfig
獲取電腦IP.png
移動端配置1.png
移動端配置2.png
4、界面介紹
4.1 Fiddler主界面
4.2 工具面板
工具欄說明：說明注釋试溯、重新請求蔑滓、刪除會話、繼續(xù)執(zhí)行、流模式/緩沖模式烫饼、解碼猎塞、保留會話、監(jiān)控指定進程杠纵、尋找荠耽、保存會話、切圖比藻、計時铝量、打開瀏覽器、清除IE緩存银亲、編碼/解碼工具慢叨、彈出控制監(jiān)控面板、MSDN务蝠、幫助拍谐。
兩種模式：
1、 緩沖模式（Buffering Mode）： Fiddler直到HTTP響應完成時才將數(shù)據(jù)返回給應用程序馏段⌒Γ可以控制響應，修改響應數(shù)據(jù)院喜。但是時序圖有時候會出現(xiàn)異常
2亡蓉、流模式（Streaming Mode）： Fiddler會即時將HTTP響應的數(shù)據(jù)返回給應用程序。更接近真實瀏覽器的性能喷舀。時序圖更準確砍濒。但是不能控制響應。
4.3會話面板
4.4 監(jiān)控面板
統(tǒng)計報表
(1) 請求總數(shù)硫麻、請求包大小爸邢、響應包大小拿愧；
(2) 請求起始時間甲棍、響應結束時間、握手時間赶掖、等待時間感猛、路由時間、TCP/IP傳輸時間奢赂；
(3) HTTP狀態(tài)碼統(tǒng)計陪白；
(4) 返回的各種類型數(shù)據(jù)的大小統(tǒng)計以及餅圖展現(xiàn)。
時間軸
每個網(wǎng)絡請求都會經(jīng)歷域名解析膳灶、建立連接咱士、發(fā)送請求立由、接受數(shù)據(jù)等階段。把多個請求以時間作為 X 軸序厉，用圖表的形式展現(xiàn)出來锐膜，就形成了瀑布圖。在Fiddler 中弛房，只要在左側選中一些請求道盏，右側選擇Timeline標簽，就可以看到這些請求的瀑布圖
1）綠色的請求表示這是一個“有條件的請求”文捶。HTTP 協(xié)議定義了 5 個條件請求頭部荷逞，最常見的兩個是“If-Modified-Since”和“If-None-Match”。服務器根據(jù)這兩個頭部來驗證本地緩存是否過期粹排，如果過期則正常返回資源的最新版本种远；否則僅返回 304 Not Modified，瀏覽器繼續(xù)使用本地緩存顽耳。包含條件請求頭部的請求用綠色顯示坠敷，否則用黑色。
2）有陰影線的請求是緩沖模式下的請求射富，實心的是流模式下的請求常拓。Fiddler 提供了緩沖（Buffering）和流（Streaming）兩種抓包模式：緩沖模式下，F(xiàn)iddler 會在響應完成時才將數(shù)據(jù)返回給應用程序（通常是瀏覽器）辉浦，這種模式下可以控制響應，方便地修改響應內容茎辐；流模式下宪郊，F(xiàn)iddler 會實時返回響應數(shù)據(jù)給瀏覽器，但沒辦法控制響應拖陆。一般使用流模式弛槐，瀑布圖會更真實一些。這兩種模式可以通過 Fiddler 的工具欄選擇依啰。特別的乎串，通過 Fiddler 的“AutoResponder”功能返回的響應，只能是緩沖模式速警。
3）請求條的不同顏色對應著不同類型的響應叹誉，根據(jù)響應頭的 MIME Type 來歸類。如淺綠色表示圖片類型的響應闷旧；深綠色是 JavaScript长豁；紫色是 CSS；其它都是藍色忙灼。
4）請求中的黑色豎線匠襟，表示的是瀏覽器收到服務端響應的第一個字節(jié)這一時刻钝侠。這個時間受 DNS 解析、建立連接酸舍、發(fā)送請求帅韧、等待服務端響應等步驟的影響。
5）請求條后面的圖標表示響應的某些特征啃勉。如軟盤圖標表示這個響應正文從本地獲得忽舟，也就是說服務端返回了 304；閃電表示這是 Fiddler 的“AutoResponder”的響應璧亮；向下的箭頭表示響應是 302萧诫，需要重定向；紅色感嘆號說明這個請求有錯誤發(fā)生（狀態(tài)碼是 4XX 或 5XX）枝嘶。特別的帘饶，如果請求條后面有一個紅色的X，說明服務端響應完這個請求之后群扶，斷開了連接及刻。出現(xiàn)這種情況一般有兩種可能：HTTP/1.0 的響應中沒有 Connection: Keep-Alive；或者是 HTTP/1.1 的響應中包含了 Connection: close竞阐。使用持久連接可以省去建立連接的開銷缴饭，也可以減小 TCP 慢啟動和其它擁塞控制機制帶來的影響，總之是好處多多骆莹。
6）請求前面的紅色圓圈表示這個連接是新建的颗搂，綠色表示是復用的。上面的圓圈表示的是瀏覽器到 Fiddler 的連接幕垦，下面的圓圈是 Fiddler 到服務端的連接丢氢。
4.5 狀態(tài)面板
控制臺
Fiddler的左下角有一個命令行工具叫做QuickExec,允許你直接輸入命令。
help 打開官方的使用頁面介紹先改，所有的命令都會列出來
cls 清屏 (Ctrl+x 也可以清屏)
select 選擇會話的命令
?.png 用來選擇png后綴的圖片
bpu 截獲request
bpafter 截獲response
5疚察、HTTP協(xié)議簡介
5.1、HTTP消息的結構
5.1.1仇奶、Request
先看Request 消息的結構, Request 消息分為3部分貌嫡，第一部分叫Request line, 第二部分叫Request header, 第三部分是body. header和body之間有個空行。第一行中的Method表示請求方法,比如"POST","GET", Path-to-resoure表示請求的資源该溯， Http/version-number 表示HTTP協(xié)議的版本號,當使用的是"GET" 方法的時候岛抄， body是為空的。
5.1.2狈茉、Response
5.2 狀態(tài)碼
Response 消息中的第一行叫做狀態(tài)行弦撩，由HTTP協(xié)議版本號， 狀態(tài)碼论皆， 狀態(tài)消息 三部分組成益楼。
狀態(tài)碼用來告訴HTTP客戶端,HTTP服務器是否產(chǎn)生了預期的Response.
HTTP/1.1中定義了5類狀態(tài)碼猾漫， 狀態(tài)碼由三位數(shù)字組成，第一個數(shù)字定義了響應的類別
1XX —— 提示信息感凤，表示請求已被成功接收悯周，繼續(xù)處理
2XX —— 成功，表示請求已被成功接收陪竿，理解禽翼，接受
3XX —— 重定向，要完成請求必須進行更進一步的處理
4XX —— 客戶端錯誤族跛，請求有語法錯誤或請求無法實現(xiàn)
5XX —— 服務器端錯誤闰挡，服務器未能實現(xiàn)合法的請求
常見響應碼說明：
200：響應成功，這表明該請求被成功地完成礁哄，所請求的資源發(fā)送回客戶端
302：重定向长酗，新的URL會在response 中的Location中返回，瀏覽器將會自動使用新的URL發(fā)出新的Request
304：代表上次的文檔已經(jīng)被緩存了桐绒， 還可以繼續(xù)使用夺脾，例如打開博客園首頁, 發(fā)現(xiàn)很多Response 的status code 都是304
[提示： 如果你不想使用本地緩存可以用Ctrl+F5 強制刷新頁面]
400 ： 客戶端請求與語法錯誤，不能被服務器所理解
403：服務器收到請求茉继，但是拒絕提供服務
404 ：找不到網(wǎng)頁咧叭，請求的資源不存在
500 ： 服務器發(fā)生了不可預期的錯誤
503 ：服務器當前不能處理客戶端的請求，一段時間后可能恢復正常
6烁竭、 常用功能
6.1 監(jiān)聽HTTPS
6.2 HOST切換
6.3 模擬各類場景
通過GZIP壓縮腥刹，測試性能
模擬Agent測試，查看服務端是否對不同客戶端定制響應
模擬慢速網(wǎng)絡汉买，測試頁面的容錯性
禁用緩存衔峰，方便調試一些靜態(tài)文件或測試服務端響應情況
低網(wǎng)速模擬有時出于兼容性考慮或者對某處進行性能優(yōu)化，在低網(wǎng)速下往往能較快發(fā)現(xiàn)問題所在也容易發(fā)現(xiàn)性能瓶頸蛙粘，可惜其他調試工具沒能提供低網(wǎng)速環(huán)境垫卤，而強大的Fiddler考慮到了這一點，能夠進行低網(wǎng)速模擬設置Rules > Performance > Stimulate Modem Speeds出牧。
6.4 Compare（對比文本）
6.5 Composer（構造器）
請求構造顧名思義就是我們可以模擬請求穴肘，也就是說我們可以借助Fiddler的Composer 在不改動開發(fā)環(huán)境實際代碼的情況下修改請求中的參數(shù)值并且方便的重新調用一次該請求，然后相比較2次請求響應有何具體不同舔痕。任何一個請求參數(shù)只要是合法的取值再次調用后都會有相應的響應评抚，那么你想要的任意一個合法請求組合自然也能夠按照你的意愿構造出來豹缀，然后再次調用以及查看返回數(shù)據(jù)。
6.6 Filters(過濾監(jiān)控)
對一個重新載入的頁面進行抓包，如果包的條目過多而你需要關注的就那么幾項的話侍匙，可以使用Fiddler的過濾器Filters進行抓包氮惯，那么抓包時只會抓取你希望抓到的那些包。切換到Filters標簽勾選Use filter想暗，以便激活過濾器妇汗，這樣下面的各種過濾方式就可以進行選擇了。
6.7 AutoResponder(請求重定向)
所謂請求無非就是需要調用到的一些資源(包括JS说莫、CSS和圖片等)杨箭，所謂重定向就是將頁面原本需要調用的資源指向其他資源(你能夠控制的資源或者可以引用到的資源)。
你可以將前臺服務器的諸多或者某個資源在本地做個副本唬滑，如果正常網(wǎng)絡訪問環(huán)境下該資源出現(xiàn)了BUG而導致開發(fā)環(huán)境崩潰時告唆，可以先將這個資源的請求重定向到本地副本，這樣就可以繼續(xù)進行開發(fā)調試你的頁面晶密，從而大量節(jié)省資源維護的等待時間擒悬。
你也可以將多人同時維護的某個JS文件復制一份出來在本地，當你的開發(fā)調試收到他人調試代碼干擾時稻艰，可以將這個JS的調用重定向到本地無干擾的JS文件懂牧，進行無干擾開發(fā)，功能開發(fā)完成并調試OK之后再將你的代碼小心合入到開發(fā)環(huán)境中尊勿，這樣就可以避免受到他人干擾專心搞你的模塊開發(fā)僧凤，也就是說能夠將JS文件脫離開發(fā)環(huán)境卻不影響線上調試。
你還可以將樣式文件或者圖片指向本地元扔。
6.8 Fiddler中設置斷點修改Request和Response
Fiddler最強大的功能莫過于設置斷點了躯保，設置好斷點后，你可以修改httpRequest的任何信息包括host, cookie或者表單中的數(shù)據(jù)澎语。設置斷點有兩種方法：
第一種：打開Fiddler 點擊Rules-> Automatic Breakpoint ->Before Requests(這種方法會中斷所有的會話)
如何消除命令呢途事？ 點擊Rules-> Automatic Breakpoint ->Disabled
第二種: 在命令行中輸入命令: bpu www.baidu.com (這種方法只會中斷www.baidu.com)
如何消除命令呢？ 在命令行中輸入命令 bpu
Fiddler中設置斷點修改Response跟斷點修改Request用法差不多擅羞。
參考文檔：http://www.cnblogs.com/FounderBox/p/4653588.html?utm_source=tuicool&utm_medium=referral
http://kb.cnblogs.com/page/130367/
