天天看點

<html>

對于web開發,Fiddler十分重要。Fiddler是最強大最好用的Web調試工具之中的一個。它能記錄全部client和server的http和https請求,同意你監視,設定斷點。甚至改動輸入輸出資料. 使用Fiddler不管對開發還是測試來說,都有非常大的幫助.

然後在這個星期中,我總結前端工作中。經常使用Fiddler來做的有下面幾種用途,由于抓包通過浏覽器就能夠完畢了是以就不說名了。簡單來說Fiddler對我們工作中用處最大就是控制網絡檔案請求規則以及改動hosts

2.1、使用fiddler改動hosts

連接配接cgi以及測試時。常常須要改動hosts,fiddler中加入Willow插件,就能夠輕松改動hosts。首先安裝fiddler。然後再安裝Willow,所有傻瓜式安裝就可以。

安裝後打開fiddler。在右上角會看到多了Willow的标簽,如圖1所看到的

圖1安裝willow插件後。在fiddler中會顯示willow标簽

點選Willow進入willow标簽頁,在空白處點選右鍵,建立project,如所看到的:

圖2在willow标簽中建立project

在剛剛建立的project名字上點選右鍵,然後選擇加入hosts。如所看到的:

圖3加入hosts

在剛剛建立的project名字上點選右鍵,然後選擇加入hosts,如所看到的:

圖4輸入ip與域名

2.2、改動網絡檔案請求規則

使用場景:

1.在某些情況下指定了willow代理整個檔案夾,但檔案夾中一個檔案須要使用本地檔案,以便改動代碼時能夠及時檢視。而且請求本地的資源時網址對應的更快。

2.某個檔案請求須要被替換成還有一個外網位址

用法

圖5右鍵willow項目,增添規則

圖6輸入比對的位址路徑。以及轉為請求的路徑

這裡需注意的是Match中的URL必須以“/”結尾。以及Action的Path都必須以“/”結尾

三、抓取手機http請求(即用來移動端測試用途)

1.打開Fiddler,然後Tools-> Fiddler Options .切換至HTTPS面闆,選中"Decrpt

HTTPS traffic",設定Fiddler能夠截獲HTTPS請求,如圖5所看到的

圖7設定抓取https請求

2.切換至Connections面闆,選中"Allow remote computers to connect".同意别的機器把HTTP/HTTPS請求發送到Fiddler上來。之後重新啟動fiddler生效,如圖6所看到的:

圖8同意遠端裝置連接配接。并記下port号

勾選Act as system proxy on startup。意思是說啟動Fiddler的時候作為系統代理,這個可能會改動我們在IE中設定的浏覽器代理配置,會導緻我們不能上外網。

3.将手機與電腦接入同一個網絡内。即連接配接同一個wifi,對于台式電腦須要一個無線網卡來連接配接公司的wifi,然後手機連接配接同一個wifi,然後在手機的wifi進階設定裡面加入代理ip與port,代理ip是電腦在這個wifi下擷取到的ip,将滑鼠懸停至fiddler右上角的Online上,就會顯示出本台電腦正在工作的全部ip。找出哪個是與手機處在同一個網絡中的ip(假設使用無線網卡即選擇無線網卡的ip),填入手機的代理server中。如圖所看到的。

圖9設定手機的代理ip與代理port

4.儲存好之後。當用手機訪問網頁。或者使用手機app訪問網絡時。就能夠在fiddler抓到手機發出的請求了。如圖8所看到的。

圖10fiddler中抓到的手機發出的http請求

繼續閱讀