1、Fiddler 和 Charles的區(qū)別
這兩個(gè)工具普遍使用的web調(diào)試工具,F(xiàn)iddler運(yùn)用于Window系統(tǒng),軟件免費(fèi);Charles運(yùn)用于Mac或Linux系統(tǒng),軟件收費(fèi)。對(duì)于Window用戶的我而言,F(xiàn)iddler實(shí)用性更強(qiáng)。
2、Fiddler工具的工作原理
該工具以代理web服務(wù)器形式工作,可抓取到本機(jī)和網(wǎng)絡(luò)代理手機(jī)的上的網(wǎng)頁接口訪問情況。代理其中的一個(gè)鏈路結(jié)構(gòu)見下圖。

中間的代理物質(zhì)就好比fiddler工具,瀏覽器或手機(jī)端軟件請(qǐng)求各類地址時(shí),fiddler獲取后向請(qǐng)求地址服務(wù)器發(fā)出請(qǐng)求,服務(wù)器獲取到請(qǐng)求后響應(yīng)并將數(shù)據(jù)原路返回。
3、代理配置
獲取本機(jī)web訪問情況,打開Fiddler,在File->Capture Traffic,確保下Capture Traffic(見下圖)是開啟。traffic的名詞概念可以有人流、貨流,這里可引申成數(shù)據(jù)流,整個(gè)選項(xiàng)名可翻譯成捕獲數(shù)據(jù)流。選項(xiàng)勾選則可以獲取數(shù)據(jù)流;選項(xiàng)關(guān)閉則獲取不到數(shù)據(jù)流。

往往第一次使用fiddler時(shí),電腦內(nèi)未安裝軟件證書,即便CT選項(xiàng)已開,依舊無法獲取接口數(shù)據(jù)。因此第一次配置時(shí),需要在軟件中的Fiddler Tool->Options->HTTPS內(nèi)勾選下面三個(gè)選項(xiàng)(見下圖),并安裝證書。證書安裝好后,重啟fiddler。

以上,本機(jī)的接口調(diào)試就可正常適配了。
若還想查看app端接口的訪問數(shù)據(jù),那需要保證電腦端和手機(jī)端同處一個(gè)網(wǎng)絡(luò)上,可以是同一個(gè)wifi、也可以手機(jī)使用電腦的wifi熱點(diǎn)。找到手機(jī)端網(wǎng)絡(luò)設(shè)置,找到連接的wifi->點(diǎn)擊wifi配置界面->配置代理,在配置代理頁勾選手動(dòng),輸入電腦的服務(wù)器網(wǎng)址、端口(固定:8888),存儲(chǔ)即可。服務(wù)器地址可以在fiddle-online(見下圖)這邊快速看到,也可用cmd命令ipconfig獲取到ipv4地址。

4、列表主要參數(shù)簡單說明
ServerIP:網(wǎng)站的服務(wù)器名
URL: 訪問的網(wǎng)站具體的服務(wù)器地址,即請(qǐng)求的服務(wù)器地址
Host:訪問的網(wǎng)站地址的域名/ip
Body:請(qǐng)求的大小,以byte為單位
Time Taken:請(qǐng)求地址的響應(yīng)速度
選中列表某一數(shù)據(jù),具體可看到該接口的具體請(qǐng)求參數(shù)值及響應(yīng)數(shù)據(jù),具體根據(jù)實(shí)際情況具體分析,這里面的內(nèi)容過多,就不一一介紹,有興趣可再找找相關(guān)資料。