14.1 Fiddler簡(jiǎn)介
14.1.1 簡(jiǎn)介
Fiddler是位于客戶端和服務(wù)器端之間的代理,也是目前最常用的抓包工具之一 。它能夠記錄客戶端和服務(wù)器之間的所有請(qǐng)求,可以針對(duì)特定的請(qǐng)求,分析請(qǐng)求數(shù)據(jù)、設(shè)置斷點(diǎn)、調(diào)試web應(yīng)用、修改請(qǐng)求的數(shù)據(jù),甚至可以修改服務(wù)器返回的數(shù)據(jù),功能非常強(qiáng)大,是web調(diào)試的利器。
14.1.2 功能
1、能夠監(jiān)聽(tīng)http/httpS的流量,可以截獲從瀏覽器或者客戶端軟件向服務(wù)器發(fā)送的http/https請(qǐng)求;
2、對(duì)截獲之后的請(qǐng)求,我們還能夠查看請(qǐng)求中的內(nèi)容;
3、偽造請(qǐng)求。不僅可以偽造客戶端的請(qǐng)求,還能夠偽造服務(wù)器的響應(yīng)?!摴δ苣軌蚍奖阄覀冞M(jìn)行前后端的調(diào)式。
4、測(cè)試網(wǎng)站的性能;
5、解密https的外部會(huì)話。因?yàn)閔ttps本身是一種加密的協(xié)議,通過(guò)fiddle我們可以進(jìn)行解密操作;
6、提供第三方擴(kuò)展插件,滿足更多需求。
14.1.3 Fiddler工作原理

14.2 Fiddler下載安裝
- 下載:打開(kāi)官網(wǎng)
- 安裝:
- 漢化:
14.3 Fiddler界面介紹

Fiddler界面從上到下分為:菜單欄、工具欄、回話列表、功能頁(yè)簽、命令行,狀態(tài)欄六大板塊
file capturing = F12 = 左下角capturing
14.4 菜單欄
14.4.1File菜單
1、Capture Traffic:可以控制是否把Fiddler注冊(cè)為系統(tǒng)代理。
2、New Viewer:打開(kāi)一個(gè)新的fiddler窗口
3、Load Archive:用于重新加載之前捕獲的以SAZ文件格式保存的數(shù)據(jù)包。
4、Save:支持以多種方式把數(shù)據(jù)包保存到文件中。
5、Import Sessions...:支持導(dǎo)入從其他工具捕獲的數(shù)據(jù)包,也支持導(dǎo)入以其他格式存儲(chǔ)的數(shù)據(jù)包。
6、Export Sessions...:把Fiddler捕捉到的回話以多種文件格式保存。
7、Exit:取消把Fiddler注冊(cè)為系統(tǒng)代理,并關(guān)閉Fiddler
14.4.2 Edit菜單
1、Copy:復(fù)制會(huì)話。
2、Remove:刪除會(huì)話。
3、Select All:選擇所有會(huì)話。
4、Undelete:撤銷(xiāo)刪除會(huì)話。
5、Paste as Session把剪貼板上的內(nèi)容粘貼成一個(gè)或多個(gè)模擬的會(huì)話。
6、Mark:選擇一種顏色標(biāo)記選中會(huì)話。
7、Unlock for Editing 解鎖會(huì)話。
8、Find Session...打開(kāi)Find Session窗口,搜索捕獲到的數(shù)據(jù)包。
14.4.3 Rules菜單
1、Hide Image Request:隱藏圖片回話。
2、Hide CONNECTS:隱藏連接通道回話。
3、Automatic Breakpoints:自動(dòng)在[請(qǐng)求前]或[響應(yīng)后]設(shè)置斷點(diǎn)。Ignore Image觸發(fā)器控制這些斷點(diǎn)是否作用于圖片請(qǐng)求。
4、Customize Rules...:打開(kāi)Fiddler腳本編輯窗口。
5、Require Proxy Authentication:,要求客戶端安裝證書(shū)。該規(guī)則可以用于測(cè)試HTTP客戶端,確保所有未提交Proxy-Authorization請(qǐng)求頭的請(qǐng)求會(huì)返回HTTP/407響應(yīng)碼。
6、Apply GZIP Encoding:只要請(qǐng)求包含具有g(shù)zip標(biāo)識(shí)的Accept-Encoding請(qǐng)求頭,就會(huì)對(duì)所有響應(yīng)使用GZIP HTTP進(jìn)行壓縮(圖片請(qǐng)求除外)。
7、Remove All Encoding:刪除所有請(qǐng)求和響應(yīng)的HTTP內(nèi)容編碼和傳輸編碼
8、Hide 304s:隱藏響應(yīng)為HTTP/304 Not Modified狀態(tài)的所有回話。
9、Request Japanese Content:選項(xiàng)會(huì)把所有請(qǐng)求的Accept-Encoding請(qǐng)求頭設(shè)置或替換為ja標(biāo)識(shí),表示客戶端希望響應(yīng)以日語(yǔ)形式發(fā)送。
10、User-Agents:把所有請(qǐng)求的User-Agent請(qǐng)求頭設(shè)置或替換成指定值。
11、performance:模擬弱網(wǎng)測(cè)試速度。
14.4.4 Tools菜單
1、Options...:打開(kāi)Fiddler選項(xiàng)窗口。
2、WinINET Options...打開(kāi)IE的Internet屬性窗口
3、Clear WinINET Cache:清空IE和其他應(yīng)用中所使用的WinINET緩存中的所有文件。
4、Clear WinINET Cookies:清空IE和其他應(yīng)用中所發(fā)送的WinINET Cookie
5、TextWizard...:選項(xiàng)會(huì)啟動(dòng)TextWizard窗口,對(duì)文本進(jìn)行編碼和解碼。
6、Compare Session:比較回話。
7、Reset Script:重置Fiddler腳本。
8、Sandbox:打開(kāi)http://webdbg.com/sandbox/
9、View IE Cache:打開(kāi)IE緩存窗口。
14.4.5 View菜單
1、Show Toolbar:控制Fiddler工具欄是否可見(jiàn)
2、Default Layout、Stacked Layout、Wide Layout三種界面布局
3、Minimize to Tray:最小化Fiddler到系統(tǒng)托盤(pán)(快捷鍵:CTRL+M )
4、Squish Session List:控制回話列表是否水平收縮。
5、AutoScroll Session list:添加新的回話時(shí),自動(dòng)滾動(dòng)到回話列表底部
14.5 工具欄

1.備注功能
2.重新發(fā)送請(qǐng)求,快捷鍵:R鍵。
3.刪除請(qǐng)求
4.當(dāng)有請(qǐng)求前斷點(diǎn)時(shí),點(diǎn)擊去發(fā)送請(qǐng)求。
5.流模式。(默認(rèn)是緩沖模式)
6.解碼
7.保持回話的數(shù)量。
8.選擇你想要抓包或者監(jiān)聽(tīng)的程序
9.查找
10.保存所有會(huì)話,文件名以.saz為擴(kuò)展名
11.截圖
12.計(jì)時(shí)器
13.快捷的打開(kāi)IE瀏覽器

14.清除IE緩存
15.文本的編碼解碼工具
16.分離面板
17.MSDN查詢
18.本機(jī)的信息
14.6 會(huì)話列表

1.請(qǐng)求的ID編號(hào)
2.http響應(yīng)狀態(tài)碼
3.會(huì)話使用的協(xié)議
4.請(qǐng)求發(fā)送到的服務(wù)器主機(jī)名
5.數(shù)據(jù)包在服務(wù)器中的路徑和文件
6.響應(yīng)body的字節(jié)數(shù)
7.響應(yīng)頭信息Cache-Control的值
8、響應(yīng)頭信息Content-Type的值
9.發(fā)起請(qǐng)求的本地windows進(jìn)程
10.注釋
11.自定義備注
14.7 功能頁(yè)簽
14.7.1 Statistics頁(yè)簽
通過(guò)該頁(yè)簽,用戶可以通過(guò)選擇多個(gè)會(huì)話來(lái)得到這幾個(gè)會(huì)話的總的信息統(tǒng)計(jì),比如多個(gè)請(qǐng)求傳輸?shù)淖止?jié)數(shù)。訪問(wèn)頁(yè)面時(shí)選擇第一個(gè)請(qǐng)求和最后一個(gè)請(qǐng)求,可獲得整個(gè)頁(yè)面加載所消耗的總體時(shí)間。從條形圖表中還可以分別出哪些請(qǐng)求耗時(shí)最多,從而對(duì)頁(yè)面的訪問(wèn)進(jìn)行速度性能優(yōu)化。
14.7.2 inspectors頁(yè)簽(常用頁(yè)簽)
它提供headers、textview、hexview,Raw等多種方式查看一條http請(qǐng)求的請(qǐng)求和響應(yīng),它分為上下兩部分:上部分為請(qǐng)求展示,下部分為響應(yīng)展示。
14.7.3 AutoResponse頁(yè)簽(常用頁(yè)簽)
它可以抓取在線頁(yè)面保存到本地進(jìn)行調(diào)試,大大減少了在線調(diào)試的困難,可以讓我們修改服務(wù)器端返回的數(shù)據(jù),例如讓返回都是404的數(shù)據(jù)包讀取本地文件作為返回內(nèi)容。
14.7.4 composer頁(yè)簽常用頁(yè)簽)
支持手動(dòng)構(gòu)建和發(fā)送HTTP,HTTPS和FTP請(qǐng)求,我們還可以從回話列表中拖曳回話,把它放到composer選項(xiàng)卡中,當(dāng)我們點(diǎn)擊Execute按鈕時(shí)則把請(qǐng)求發(fā)送到服務(wù)器端。
14.7.5 FiddlerScripts頁(yè)簽
打開(kāi)Fiddler腳本編輯。
log頁(yè)簽:
打印日志
14.7.6 Filters頁(yè)簽(常用頁(yè)簽)
過(guò)濾器可以對(duì)左側(cè)的數(shù)據(jù)流列表進(jìn)行過(guò)濾,我們可以標(biāo)記、修改或隱藏某些特征的數(shù)據(jù)流。
14.7.7 Timeline頁(yè)簽
時(shí)間軸,也稱為Fiddler的瀑布圖,展示網(wǎng)絡(luò)請(qǐng)求時(shí)間的功能。每個(gè)網(wǎng)絡(luò)請(qǐng)求都會(huì)經(jīng)歷域名解析、建立連接、發(fā)送請(qǐng)求、接受數(shù)據(jù)等階段。把多個(gè)請(qǐng)求以時(shí)間作為X軸,用圖表的形式展現(xiàn)出來(lái),就形成了瀑布圖。在左側(cè)會(huì)話窗口點(diǎn)擊一個(gè)或多個(gè)回話,Timeline 便會(huì)顯示指定內(nèi)容從服務(wù)端傳輸?shù)娇蛻舳说臅r(shí)間。
14.7.8 命令行
help 打開(kāi)官方的使用頁(yè)面介紹,所有的命令都會(huì)列出來(lái)。
cls 清屏 (Ctrl+x 也可以清屏)
select 選擇所有相應(yīng)類(lèi)型的回話(如select image或select css)。
?sometext 查找字符串并高亮顯示查找到的會(huì)話。
size 選擇請(qǐng)求響應(yīng)大小小于size字節(jié)的會(huì)話。
=status/=method/@host 查找狀態(tài)、方法、主機(jī)相對(duì)應(yīng)的會(huì)話
1uit 退出fiddler
bpafter xxx 中斷URL包含指定字符的全部回話響應(yīng)
bps xxx 中斷HTTP響應(yīng)狀態(tài)為指定字符的全部回話響應(yīng)。
bpv xxx 中斷指定請(qǐng)求方式的全部回話響應(yīng)
bpm xxx 中斷指定請(qǐng)求方式的全部回話響應(yīng)。等同于bpv xxx
bpu xxx: 與bpafter類(lèi)似。
14.8 狀態(tài)欄

1、顯示的Fiddler是否處于捕捉狀態(tài)(開(kāi)啟/關(guān)閉狀態(tài)),可以點(diǎn)擊該區(qū)域切換
2、顯示當(dāng)前捕捉哪些進(jìn)程。
All Processes 捕獲所有進(jìn)程的請(qǐng)求
Web Browsers 捕獲 Web 瀏覽器的請(qǐng)求,應(yīng)該特指 IE
Non-Browser 捕獲非 Web 瀏覽器的請(qǐng)求
Hide All 隱藏所有請(qǐng)求
3、顯示當(dāng)前斷點(diǎn)設(shè)置狀態(tài),通過(guò)鼠標(biāo)點(diǎn)擊切換。有三種:
不設(shè)置斷點(diǎn)
所有請(qǐng)求在斷點(diǎn)處被暫停
所有響應(yīng)在斷點(diǎn)處被暫停
4,顯示當(dāng)前共捕獲了多少回話(如:300,表示共捕獲了300個(gè)會(huì)話,如:10/300,表示當(dāng)前選擇10個(gè)會(huì)話,共捕獲300個(gè)會(huì)話)。
5,第五區(qū)塊,描述當(dāng)前狀態(tài)。
如果是剛打開(kāi)Fiddler,會(huì)顯示什么時(shí)間加載了CustomRules.js;如果選擇了一個(gè)會(huì)話,會(huì)顯示該會(huì)話的URL;如果在命令行輸入一個(gè)命令,就會(huì)顯示命令相關(guān)信息。
14.9 web抓包
我們雙擊打開(kāi)軟件,進(jìn)入到如下的一個(gè)界面,然后點(diǎn)擊某一個(gè)請(qǐng)求,你會(huì)發(fā)現(xiàn)請(qǐng)求的內(nèi)容是一堆明顯不對(duì)的文字,然后該請(qǐng)求的左邊是一個(gè)鎖的樣式,聯(lián)想到https加密,你會(huì)發(fā)現(xiàn)原因可能是沒(méi)有配置Fiddler。然后解釋一下右邊的默認(rèn)返回內(nèi)容,第一句是“這是一個(gè)CONNECT隧道,加密的HTTPS流量通過(guò)該隧道流動(dòng)?!?/strong>,就證實(shí)了我們的猜測(cè),果然是因?yàn)閔ttps加密的原因。

那么如何配置FIddler來(lái)解析這些加密的請(qǐng)求呢?
方法一:是查官網(wǎng)的安裝文檔,
方法二:看提示,軟件公司還是很人性化的在返回內(nèi)容里面提示了需要在哪里設(shè)置,就是第二行那一句:
enable the Tools > Options > HTTPS > Decrypt HTTPS traffic option.我們按照提示來(lái)進(jìn)行設(shè)置,先在左上角的工具欄里面找到Tools,然后依次選擇Options、HTTPS ,然后勾選Decrypt HTTPS traffic選項(xiàng),勾選后安裝證書(shū)。

安裝證書(shū)兩種方法:
勾選后點(diǎn)擊右邊的Actions按鈕選擇“Trust Root Certificate”選項(xiàng),然后全部選擇是就行了。
勾選后點(diǎn)擊右邊的Actions按鈕選擇第二個(gè)選項(xiàng)將證書(shū)導(dǎo)出到桌面,然后再在對(duì)應(yīng)的瀏覽器里面添加即可。
然后我們?cè)俅蜷_(kāi)一個(gè)新的網(wǎng)頁(yè)(例如百度),查看請(qǐng)求
至此,已經(jīng)可以監(jiān)聽(tīng)PC端瀏覽器的請(qǐng)求了。
14.10 移動(dòng)端抓包
首先你的Fiddler所在的電腦和手機(jī)必須處在同一個(gè)局域網(wǎng)內(nèi)(即連著同一個(gè)路由器)。
查看你的本機(jī)IP地址,在Fiddler的右上角有一個(gè)Online按鈕,點(diǎn)擊一下會(huì)顯示你的IP信息
配置連接信息:Tools > Options >Connections
- 端口默認(rèn)是8888,你可以進(jìn)行修改。
-
勾選Allow remote computers to connect選項(xiàng),然后重啟Fiddler,再次打開(kāi)時(shí)會(huì)彈出一個(gè)信息,選擇ok即可。
image.png
打開(kāi)你的手機(jī),找到你所連接的WIFI,長(zhǎng)按選擇修改網(wǎng)絡(luò),輸入密碼后往下拖動(dòng),然后勾選顯示高級(jí)選項(xiàng),然后在代理一欄選擇手動(dòng),再將你先前查看的IP地址和端口號(hào)輸入進(jìn)去,然后保存。
image.png
最后安裝手機(jī)證書(shū),在手機(jī)瀏覽器一欄輸入電腦的IP地址和端口號(hào)
這里我是192.168.1.157:8888
進(jìn)入一個(gè)網(wǎng)頁(yè),點(diǎn)擊最下面那個(gè)FiddlerRoot certificate下載證書(shū),下載成功后在設(shè)置里面安裝,安裝步驟:打開(kāi)高級(jí)設(shè)置->安全->從SD卡安裝證書(shū)->找到證書(shū)文件->點(diǎn)擊后為證書(shū)命名點(diǎn)擊確定即可安裝成功
測(cè)試一下,比如在手機(jī)上打開(kāi)抖音app,找到評(píng)論的那一個(gè)請(qǐng)求。
可以看到我們已經(jīng)成功的找到了評(píng)論所對(duì)應(yīng)的那個(gè)請(qǐng)求


