Web調(diào)試:Fiddler 入門

Fiddler.png

這篇文章主要是介紹 Fiddler 工具的一些簡單镇饺、好用的功能。在這之前,我們先簡單的介紹一下 fiddler。

Fiddler

The free web debugging proxy
for any browser, system or platform

上面是 fiddler 官網(wǎng)對它自己的介紹胚嘲,再看一下百度百科對fiddler的簡介。

Fiddler 是用C#寫出來的,它包含一個簡單卻功能強大的基于JScript .NET 事件腳本子系統(tǒng)洛二,它的靈活性非常棒慢逾,可以支持眾多的http調(diào)試任務,并且能夠使用.net框架語言進行擴展灭红。

從上面百科的介紹可以知道,F(xiàn)iddler 是依賴 .NET Framework 的口注,也就意味著它只能支持 windows 系統(tǒng)变擒,這也是長久以來 fiddler 短板。不過借助 Mono 項目寝志,F(xiàn)iddler 實現(xiàn)了跨平臺使用娇斑,具體如何在windows 以為的系統(tǒng)使用 fiddler可以去百度一下策添。

使用場景

其實現(xiàn)在的 Chrome Devtools 已經(jīng)非常強大了,我們使用它已經(jīng)能夠幫助我們解決大部分問題毫缆,但是還是有一些問題唯竹,單獨使用 chrome devtools 無法解決或比較麻煩,所以我們在開發(fā)的過程中苦丁,結(jié)合使用 chrome devtools 和 fiddler浸颓,完美!下面列舉一些需要使用 fiddler 的場景旺拉。

在此之前产上,我們先簡單的看一下 Fiddler 內(nèi)部長什么樣子,如下圖蛾狗,左側(cè)是 Fiddler 截獲的請求鏈接晋涣,右側(cè)是編輯區(qū),可以去進行一系列操作沉桌。

Fiddler.png
  1. 修改 Request 請求參數(shù)
    比如你請求 getOrderList.do 谢鹊,將支付狀態(tài) payStatusfalsetrue 從而獲取已完成訂單列表。
    這個場景偶爾會用到留凭,在 chrome 里操作會比較麻煩佃扼,首先我們需要在請求發(fā)送前,使用斷點斷住冰抢,再修改請求參數(shù)的值松嘶,再放開斷點。這樣做的麻煩之處便是找斷點的位置挎扰。特別是對于壓縮后的代碼翠订。

  2. 修改 Response 返回數(shù)據(jù)
    比如你請求 /isLogin.do 接口,一直返回 false遵倦,當時你想測試 true 的效果

  3. 請求代理
    1)這個用的就比較多了尽超,比如將線上某個頁面出了問題,你在本地修改后梧躺,使用 fiddler 將線上頁面代理到本地似谁,就能看到修改后的效果了。
    2)可以將線上某個接口代理到本地文件掠哥,使得可以隨意修改接口返回數(shù)據(jù)巩踏,類似于修改 Response 返回數(shù)據(jù)
    3)可以將本地接口代理到線上指定接口,可以在開發(fā)環(huán)境中使用線上真實數(shù)據(jù)作為模擬數(shù)據(jù)续搀,你說怕不怕塞琼。對于UI改版的項目(后臺接口沒變),異常適合禁舷。

Fiddler 常用方法

Fiddler 的使用方法很多彪杉,這里會介紹幾個工具毅往,用來解決上面的使用場景,工具包括:AutoResponder派近、Filters攀唯。

Filters過濾器

Filters 過于強大,請自行研究渴丸,這里請看 Breakpoints 侯嘀。相信大家都能看懂什么意思,斷點都斷住了曙强,怎么解決場景1残拐、場景2 也就不用我說了,哈哈碟嘴。

Filters.png

當然場景1溪食、場景2還有一種方法,就是在Rules ->Automatic Breakpoints娜扇。請看下圖错沃,不過該功能影響范圍較廣。推薦使用快捷鍵來操作雀瓢。
Rules.png

AutoResponder

這個便是我使用fiddler最多的功能了枢析,我們的場景3都可以在這里得到解決。下面我們先看一下AutoResponder長什么樣子刃麸。

AutoResponder.png

操作很簡單醒叁,一般我們先選中左側(cè)的一個請求,然后點右側(cè)的 Add Rule泊业,這樣就會在列表里新加一條記錄把沼。我們可以在Rule Editor里修改這個這條記錄。下面介紹一下簡單的規(guī)則

// Rule Editor
// EXACT 表示精確匹配吁伺, regex 表示正則表達式饮睬。

1、如圖第一條篮奄,表示精確配一條請求捆愁,并代理到本地桌面 toubasic.html 文件。
EXACT:http://member.kaike.la/member/member/toubasic.do
C:\Users\zjruan\Desktop\toubasic.html

2窟却、如圖最后一條昼丑,表示將所有本地的.do后綴的請求,代理到 member.kaike.la 上
regex:^http://localhost:3000(.*)(\.do)(.*)$
http://member.kaike.la$1$2$3

最后再送上【正則表達式傳送門】夸赫,所謂正則在手矾克,天下我有。


作者:zjruan 
日期:2017-04-07
關(guān)鍵詞:調(diào)試、fiddler胁附、autoResponder
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市滓彰,隨后出現(xiàn)的幾起案子控妻,更是在濱河造成了極大的恐慌,老刑警劉巖揭绑,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件弓候,死亡現(xiàn)場離奇詭異,居然都是意外死亡他匪,警方通過查閱死者的電腦和手機菇存,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來邦蜜,“玉大人依鸥,你說我怎么就攤上這事〉可颍” “怎么了贱迟?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長絮供。 經(jīng)常有香客問我衣吠,道長,這世上最難降的妖魔是什么壤靶? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任缚俏,我火速辦了婚禮,結(jié)果婚禮上贮乳,老公的妹妹穿的比我還像新娘忧换。我一直安慰自己,他們只是感情好塘揣,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布包雀。 她就那樣靜靜地躺著,像睡著了一般亲铡。 火紅的嫁衣襯著肌膚如雪才写。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天奖蔓,我揣著相機與錄音赞草,去河邊找鬼。 笑死吆鹤,一個胖子當著我的面吹牛厨疙,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播疑务,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼沾凄,長吁一口氣:“原來是場噩夢啊……” “哼梗醇!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起撒蟀,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤叙谨,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后保屯,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體手负,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年姑尺,在試婚紗的時候發(fā)現(xiàn)自己被綠了竟终。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡切蟋,死狀恐怖统捶,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情敦姻,我是刑警寧澤瘾境,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布,位于F島的核電站镰惦,受9級特大地震影響迷守,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜旺入,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一兑凿、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧茵瘾,春花似錦礼华、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至雕旨,卻和暖如春扮匠,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背凡涩。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工棒搜, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人活箕。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓力麸,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子克蚂,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容