手把手Fiddler掌握

目錄

• 概述
• 功能
  • 工具條使用
  • 狀態(tài)欄使用
  • 監(jiān)控面板使用
• HTTPS捕獲設(shè)置
• 實(shí)際運(yùn)用
  • HOSTS設(shè)置
  • 文件代理
  • 偽造請(qǐng)求
  • 模擬網(wǎng)絡(luò)請(qǐng)求延遲
• 插件
• 結(jié)語(yǔ)

概述

Fiddler是一款HTTP協(xié)議調(diào)試代理工具大诸，它能夠抓取記錄本機(jī)所有HTTP(S)請(qǐng)求，通過(guò)設(shè)置斷點(diǎn)等方法我們可以任意修改進(jìn)出Fiddler的數(shù)據(jù)（cookie,html,js,css）完成測(cè)試俩功。戳 此處下載峻汉。

Fiddler極大方便了我們工作中對(duì)接口的調(diào)試和數(shù)據(jù)分析悲立，同時(shí)可以通過(guò)抓包獲取許多我們想要的數(shù)據(jù)并思，下面我們就從使用上全面地了解Fiddler

ps：熟悉了解Http協(xié)議才能更好更快地理解掌握

功能

• Web調(diào)試
• 性能測(cè)試
• Http/Https流量記錄
• Web會(huì)話(huà)處理
• 安全測(cè)試
• 自定義拓展性

工具條使用

對(duì)請(qǐng)求的操作欄目

工具條

從左到右依次介紹

1. 對(duì)請(qǐng)求選中添加注釋
2. Replay : 選中請(qǐng)求重新提交
3. X : 按照條件清除請(qǐng)求列表
4. Go : http請(qǐng)求或者返回?cái)帱c(diǎn)查看
   • 如同開(kāi)發(fā)中我們常用的Debug
   • 配合狀態(tài)欄中的斷電開(kāi)關(guān)使用
   • 支持打開(kāi)請(qǐng)求斷點(diǎn)和響應(yīng)斷點(diǎn)
5. Stream : Http的流模式和緩沖模式切換
   • 默認(rèn)是緩沖模式 ： 請(qǐng)求完全結(jié)束才會(huì)返回
6. Decode : 解壓請(qǐng)求,更加方便查看Http請(qǐng)求里面的信息
7. session保持?jǐn)?shù)量
8. 過(guò)濾請(qǐng)求： 使用方式如同顏色拾取器
   • 只接受選中的瀏覽器的請(qǐng)求回話(huà)
9. Find : 條件搜索
10. Save : 保存當(dāng)前所有請(qǐng)求到本地
11. 截圖
12. 計(jì)時(shí)器
13. 選擇瀏覽器打開(kāi)請(qǐng)求
14. Clear Cache : 清除緩存
15. TextWizard : 編碼解碼文本內(nèi)容

- 快捷的對(duì)文本編碼解碼（其實(shí)就是一個(gè)集成的小工具而已）

16. Tearoff : 窗口分離
17. 搜索：基本不用

狀態(tài)欄操作

狀態(tài)欄

1. 黑色條塊： 命令行， 輸入help 就能去官網(wǎng)查看詳細(xì)命令
2. Capturing : Fiddler是否啟動(dòng)工作
3. 過(guò)濾回話(huà)來(lái)源
4. Debug請(qǐng)求斷點(diǎn)開(kāi)關(guān)
5. 請(qǐng)求條目數(shù)
6. 當(dāng)前選中的資源地址

監(jiān)控面板的使用

請(qǐng)求詳細(xì)數(shù)據(jù)監(jiān)控與操作的主要模塊
左半邊就不做解釋了瞧柔，不懂的可以去復(fù)習(xí)一下Http協(xié)議
這里簡(jiǎn)述一下右半邊監(jiān)控面板的使用

1. status : 性能指標(biāo)統(tǒng)計(jì)
   • RTT : 數(shù)據(jù)請(qǐng)求往返時(shí)間
   • showChat : 以圖表形式展現(xiàn)數(shù)據(jù)
2. Inspectors : 對(duì)請(qǐng)求解包漆弄，數(shù)據(jù)分析最主要的模塊
   • Requset : 上半部分
   • Response : 下半部分
   • 請(qǐng)求和響應(yīng)信息一目了然

監(jiān)控面板

3. AutoResponder : 資源代理
   1. 拖動(dòng)目標(biāo)資源地址
   2. 替換返回結(jié)果，200.造锅。撼唾。”刚溃或者本地文件地址或者其他資源地址都o(jì)k
   3. save（記得enable rules）
4. Composer : 偽造請(qǐng)求券坞，方便調(diào)試接口（后面詳細(xì)講）
5. Filter : 過(guò)濾器
   • 比較簡(jiǎn)單，大家可以看看英文就能使用咯
   • 對(duì)于過(guò)濾無(wú)用請(qǐng)求還是十分常用的
6. TimeLine : 性能測(cè)試分析肺素，多個(gè)接口耗時(shí)對(duì)比
7. FiddlerScript : 請(qǐng)求代碼化（后面詳細(xì)講）

HTTPS抓取設(shè)置

HTTPS正常是無(wú)法抓取的恨锚，需要導(dǎo)入安裝Fiddler的證書(shū)

步驟如下：
進(jìn)入Tools -> Telerik Fiddler Options
如圖配置

Https配置

Connection配置

3. 在HTTPS的Actions里面選擇Export Root Certificate to Destop 生成Fiddler證書(shū)到桌面

• 截獲瀏覽器HTTPS請(qǐng)求
  1. 找到自己常用瀏覽器的設(shè)置
  2. 管理證書(shū)，導(dǎo)入自己剛剛生成的證書(shū)就ok啦
• 截獲手機(jī)HTTPS請(qǐng)求
  1. 獲取PC的ip地址：命令行中輸入:ipconfig,獲取ip地址
  2. 保證設(shè)備與電腦連接的是同一個(gè)網(wǎng)絡(luò)
  3. 手動(dòng)設(shè)置手機(jī)代理地址就是本機(jī)地址倍靡，端口號(hào)就是Connections頁(yè)卡下的端口號(hào)
  4. 將剛剛生成的證書(shū)導(dǎo)入手機(jī)并安裝（部分手機(jī)因?yàn)闄?quán)限問(wèn)題無(wú)法直接安裝猴伶，需要去安全管理界面才可以選擇證書(shū)安裝）

ip地址查看

ip地址查看

手機(jī)設(shè)置代理

手機(jī)配置

實(shí)際運(yùn)用

HOSTS設(shè)置

對(duì)于域名映射的服務(wù)器地址動(dòng)態(tài)修改配置
把網(wǎng)站所有文件映射到指定的服務(wù)器

1. Tools -> HOSTS
2. ENable.....(開(kāi)啟HOSTS設(shè)置)
3. 配置格式如下： 映射到的服務(wù)器地址 替換HOSTS映射的域名
4. 如將www.baidu.com 映射到我本地服務(wù)器 ： 127.0.0.1 www.baidu.com

HOSTS配置

文件代理

監(jiān)控面板的AutoResponder

1. Enable Rules 開(kāi)啟資源代理
2. 拖拽目標(biāo)資源，默認(rèn)是EXACT塌西，也就是指定完整資源路徑代理他挎，也支持關(guān)鍵字和正則表達(dá)式
3. 選擇需要代理的資源(可以是其他返回碼如404,500.....)
4. save

文件代理

偽造請(qǐng)求

監(jiān)控面板的Composer

1. 將請(qǐng)求拖拽進(jìn)來(lái)，或者直接輸入請(qǐng)求地址
2. excute就可以執(zhí)行請(qǐng)求
3. POST請(qǐng)求需要在RequestBody填寫(xiě)參數(shù)
4. 請(qǐng)求頭的信息都是可以任我們改寫(xiě)的
   這樣一來(lái)捡需，我們調(diào)試接口就十分方便了~~~

模擬請(qǐng)求

模擬網(wǎng)絡(luò)請(qǐng)求延遲

FiddlerScript
作用：把請(qǐng)求代碼化办桨，調(diào)用如方法名可見(jiàn)

在OnBeforeRequest 中

• 添加oSession["request-trickle-delay"]="3000"; 為請(qǐng)求添加3秒延時(shí)
• 添加oSession["response-trickle-delay"]="3000"; 為服務(wù)器響應(yīng)添加3秒延時(shí)

記得saveScript

延遲請(qǐng)求

插件

除此之外，F(xiàn)iddler還提供了大量好用的插件供我們特定的需求
這里就不一一贅述了站辉，有需要的朋友可以自己上去看一看
官方下載地址

結(jié)語(yǔ)

Fiddler的使用到這里就差不多了
熟練使用Fiddler可以給工作或者自己個(gè)人項(xiàng)目帶來(lái)莫大的幫助