1. 程式人生 > >fiddler之使用教程(一)

fiddler之使用教程(一)

瀏覽器設置 lte -s 選擇 amp 過濾器 技術 htm ron

一. 什麽是fiddler&它可以做什麽

fiddler是位於客戶端和服務器端的HTTP代理,也是目前最常用的http抓包工具之一。它能夠記錄客戶端和服務器之間的所有HTTP請求,可以針對特定的HTTP請求,分析請求數據、設置斷點、調試web應用、修改請求的數據,甚至可以修改服務器返回的數據,功能非常強大,是web調試的利器

既然是代理,也就是說:客戶端的所有請求都要先經過fiddler,然後轉發到相應的服務器,反之,服務器端的所有響應,也都會先經過fiddler然後發送到客戶端,基於這個原因,fiddler支持所有可以設置http代理為127.0.0.1:8888的瀏覽器和應用程序。使用了fiddler之後,web客戶端和服務器的請求如下所示:

技術分享圖片

二. chrome瀏覽器設置代理

技術分享圖片

技術分享圖片

技術分享圖片

三. 利用fiddler錄制WEB請求

1. 打開瀏覽器,設置服務器代理為:127.0.0.1,端口為:8888(如上圖步驟所示)

2. 打開fiddler,然後打開瀏覽器,進行目標網站訪問

3. 錄制的請求如下:

技術分享圖片

三. fiddler各組件分析

web session面板:主要是fiddler抓取到的每條http請求(每一條稱為一個session),主要包含了請求的url,協議,狀態碼,body等信息,詳細的字段含義如下圖所示:

技術分享圖片

Inspectors:分為上下兩個部分,上半部分是請求頭部分,下半部分是響應頭部分。對於每一部分,提供了多種不同格式查看每個請求和響應的內容。JPG格式使用ImageView就可以看到圖片,HTML/JSS/CSS使用TextView可以看到響應的內容。Raw標簽可以查看原始的符合HTTP標準的請求和響應頭。Cookies標簽可以看到請求的cookie和響應的set-cookie頭信息

出現亂碼點擊click to decode

技術分享圖片

AutoResponder:fiddler比較重要且比較強大的功能之一。可用於攔截某一請求,並重定向到本地的資源,或者使用fiddler的內置響應。可用於調試服務器端代碼而無需修改服務器端的代碼和配置,因為攔截和重定向後,實際上訪問的是本地的文件或者得到的是fiddler的內置響應。當勾選allow autoresponder並設置相應的規則後進行使用。因此,如果要調試服務器的某個腳本文件,可以將該腳本攔截到本地,在本地修改完腳本之後,再修改服務器端的內容,這可以保證,盡量在真實的環境下去調試,從而最大限度的減少bug發生的可能性。具體怎麽進行調試,我們後面再詳細講解:

技術分享圖片

Composer:Parsed輸入請求的url之後executed即可,也可以修改相應的頭信息(如添加常用的accept,host,referrer,cookie,cache-control等頭部)後execute

技術分享圖片

Filter:fiddler另一個比較強大的功能,fiddler提供了多維度的過濾規則,足以滿足日常開發調試的需求。fiddler的過濾器非常強大,可以過濾特定的http狀態碼的請求,可以過濾特定請求類型的http請求(如css請求,image請求,js請求等),可以過濾請求報文大於或者小於指定大小(byte)

1). host和zone過濾。可以過濾只顯示intranet或者internet的HTTP請求,也可以選擇特定域名的HTTP請求

2). 可以捕獲指定進程的請求,這對於調試單個應用的請求很有幫助

技術分享圖片

fiddler之使用教程(一)