fiddler高級使用技巧

1、Fiddler作者：顧文2015.10.12Fiddler模擬限速 我們?yōu)槭裁匆匏?限速對于web前端研發(fā)是非常重要的，由于開發(fā)者的機(jī)器一般配置都很高，并且是在localhost下來調(diào)試程序，所以很難模擬到用戶的真實(shí)使用情 況，如正在下載JS,css等靜態(tài)資源的時候，頁面的一個渲染情況。當(dāng)網(wǎng)速很慢的時候，我們更希望看到的是先渲染出用戶界面，而不是讓用戶看到一片空白。 那么這個時候，網(wǎng)絡(luò)限速就能很方便在localhost針對類似的情況來做性能調(diào)試與優(yōu)化Fiddler模擬限速的原理我們可以通過fiddler來模擬限速，因?yàn)閒iddler本來就是個代理，它提供了客戶端請求前和服務(wù)器響應(yīng)前的回調(diào)接口

2、，我們可以在這些接口里 面自定義一些邏輯。Fiddler的模擬限速正是在客戶端請求前來自定義限速的邏輯，此邏輯是通過延遲發(fā)送數(shù)據(jù)或接收的數(shù)據(jù)的時間來限制網(wǎng)絡(luò)的下載速度和 上傳速度，從而達(dá)到限速的效果。他提供了一個功能，讓我們模擬低速網(wǎng)路環(huán)境啟用方法如下：Rules Performances Simulate Modem Speeds (如下圖)勾選之后，你會發(fā)現(xiàn)你的網(wǎng)路瞬間慢超多(想當(dāng)年國中時我們的網(wǎng)路速度也是一路降子走來啊)如果你覺得模擬的速度慢到一個爆炸，不Make Sense 的話你也可以自己定義Modem Speeds 究竟要多快點(diǎn)開Rules Customize Rules (如右圖

3、)找m_SimulateModem這個字，你會找到下面這段：這就是他模擬網(wǎng)路速度的原理，每上傳/下載1KB 要delay 多久如果你習(xí)慣用kbps 去算的話，那么我們的算法就是 1000/下載速度 = 需要delay的時間(毫秒)，比如50kb/s 需要delay200毫秒來接收數(shù)據(jù)。/ Delay sends by 300ms per KB uploaded.oSessionrequest-trickle-delay = 300;/ Delay receives by 150ms per KB downloaded.oSessionresponse-trickle-delay = 150;請

4、注意，當(dāng)你存檔之后，原本已經(jīng)勾選的Simulate Modem Speeds 會被取消勾選，要記得再到Rules Performances Simulate Modem Speeds 勾選喔什么是HTTP/304響應(yīng)？什么是HTTP/304響應(yīng)？ 如果客戶端發(fā)送的是一個條件驗(yàn)證(Conditional Validation)請求,則web服務(wù)器可能會返回HTTP/304響應(yīng),這就表明了客戶端中所請求資源的緩存仍然是有效的,也就是說該資源從上次緩存到現(xiàn)在并沒有被修改過.條件請求可以在確?？蛻舳说馁Y源是最新的同時避免因每次都請求完整資源給服務(wù)器帶來的性能問題.辨別條件請求 當(dāng)客戶端緩存了目標(biāo)資源但

5、不確定該緩存資源是否是最新版本的時候,就會發(fā)送一個條件請求.在Fiddler中,你可以在Headers Inspector查找相關(guān)請求頭,這樣就可以辨別出一個請求是否是條件請求. 在進(jìn)行條件請求時,客戶端會提供給服務(wù)器一個If-Modified-Since請求頭,其值為服務(wù)器上次返回的Last-Modified響應(yīng)頭中的日期值,還會提供一個If-None-Match請求頭,值為服務(wù)器上次返回的ETag響應(yīng)頭的值:服務(wù)器會讀取到這兩個請求頭中的值,判斷出客戶端緩存的資源是否是最新的,如果是的話,服務(wù)器就會返回HTTP/304 Not Modified響應(yīng),但沒有響應(yīng)體.客戶端收到304響應(yīng)后,就

6、會從緩存中讀取對應(yīng)的資源.另一種情況是,如果服務(wù)器認(rèn)為客戶端緩存的資源已經(jīng)過期了,那么服務(wù)器就會返回HTTP/200 OK響應(yīng),響應(yīng)體就是該資源當(dāng)前最新的內(nèi)容.客戶端收到200響應(yīng)后,就會用新的響應(yīng)體覆蓋掉舊的緩存資源.只有在客戶端緩存了對應(yīng)資源且該資源的響應(yīng)頭中包含了Last-Modified或ETag的情況下,才可能發(fā)送條件請求.如果這兩個頭都不存在,則必須無條件(unconditionally)請求該資源,服務(wù)器也就必須返回完整的資源數(shù)據(jù).Disable caching 通常來說,緩存是個好東西.如果你想提高自己網(wǎng)站的訪問速度,緩存是必須要考慮的.可是在調(diào)試的時候,有時候需要阻止緩存,這

7、樣才能確保你所訪問到的資源是最新的Fiddler配置host 這個功能主要作用就是不需要每次配置hosts都到windows目錄下去修改hosts文件；可以直接方便在fiddler界面里面配置即可；方便快速的配置自己的測試hostFiddler構(gòu)造Http請求Post包有時候想測試Post的接口，但是無法使用瀏覽器測試，因?yàn)闉g覽器只能輸入GET請求；所以經(jīng)常需要自己寫一些代碼或使用firefox一些插件來完成post請求動作；現(xiàn)在有fiddler橫空出世，這一切都不再是問題。使用composer構(gòu)造Post請求，點(diǎn)擊execute發(fā)送請求，如下圖Fiddler斷點(diǎn)調(diào)試斷點(diǎn)命令介紹： bpu在請求開始時中斷 bpafter在響應(yīng)到達(dá)時中斷 bps在特定http狀態(tài)碼時中斷 bpv/bpm在特定請求method時中斷