天天看點

Fiddler工具 — Fiddler界面布局詳解【會話清單】

Fiddler工具 — Fiddler界面布局詳解【會話清單】

1、會話清單說明

Fiddler抓取到的每條HTTP請求(每一條稱為一個session)。

主要包含了請求的ID編号、狀态碼、協定、主機名、URL、内容類型、body大小、程序資訊、自定義備注等資訊。

如下圖所示:

Fiddler工具 — Fiddler界面布局詳解【會話清單】

說明:

Fiddler工具 — Fiddler界面布局詳解【會話清單】

2、會話清單不同顔色的含義

不同圖示和不同顔色的含義,如下圖:

Fiddler工具 — Fiddler界面布局詳解【會話清單】

預設顔色的含義如下:

Fiddler工具 — Fiddler界面布局詳解【會話清單】

3、會話清單圖示說明

Fiddler工具 — Fiddler界面布局詳解【會話清單】

4、會話清單應用設定

(1)給Fiddler會話清單增加IP列

Fiddler在抓取每個session時,都會調用CustomRules.js腳本檔案,該腳本可以隐藏,辨別或任意修改session的顯示資訊。

會話清單增加IP列步驟:

步驟1:

運作Fiddler,Rules菜單 —> Customize Rules,打開“Fiddler ScriptEditor”

Fiddler工具 — Fiddler界面布局詳解【會話清單】

步驟2:

Ctrl+F查找“static function Main()”字元串,然後添加以下代碼:

FiddlerObject.UI.lvSessions.AddBoundColumn(“ServerIP”, 120, “X-HostIP”);

Fiddler工具 — Fiddler界面布局詳解【會話清單】

按ctrl+s進行儲存。

步驟3:檢視

Fiddler工具 — Fiddler界面布局詳解【會話清單】

提示:腳本在運作狀态下就可以修改并重新編譯,不需要重新啟動Fiddler。

(2)添加自定義列

在标題頭上右鍵會出現一個清單如下:

Fiddler工具 — Fiddler界面布局詳解【會話清單】

說明:

  • Search this column…:在目前列中搜尋内容。
  • Flag duplicates :标記重複項。
  • Hide this column:隐藏此列。
  • Ensure all columns are visible:確定所有列均可見。
  • Customize columns…:自定義列。

選擇Customize columns…:自定義列。

會出現如下界面,我們可以根據實際需要進行相應列的設定。

Fiddler工具 — Fiddler界面布局詳解【會話清單】

(3)添加完成請求時間

有時候我們想測試系統頁面的性能(抓取請求時看響應時間),都是通過點選請求一個個去看,這樣會比較麻煩,我們可以在會話清單中增加時間,看起來更直覺一點,當然也更友善了。

方法:

Rules菜單 —> Custome Rules,搜尋class Handlers。

加在class Handlers裡面添加,如下代碼:

//左側資訊會顯示時間
public static BindUIColumn("TimeTaken/ms", 120)
function TimeTaken(oS: Session):String{
    var sResult = "0";
    //獲得時間戳的ms值
    var t1_ms = oS.Timers.ClientBeginResponse.ToUniversalTime().Millisecond;
    //獲得時間戳的minute值
    var t1_m = oS.Timers.ClientBeginResponse.ToUniversalTime().Minute;
    //獲得時間戳的second值
    var t1_s = oS.Timers.ClientBeginResponse.ToUniversalTime().Second;
    var t1 = t1_m*60*1000 + t1_s*1000 + t1_ms ;

    var t2_ms = oS.Timers.ClientDoneRequest.ToUniversalTime().Millisecond;
    var t2_m = oS.Timers.ClientDoneRequest.ToUniversalTime().Minute;
    var t2_s = oS.Timers.ClientDoneRequest.ToUniversalTime().Second;
    var t2 = t2_m*60*1000 + t2_s*1000 + t2_ms ;

    if(t1 >= t2){
        var t3 =  t1 - t2;
        sResult = t3.toString();
    }
    return sResult;
}

           

儲存資料後,會話清單頁就可以顯示時間了。

(4)其他操作

  • 點選标題頭可以按屬性值進行升序或者降序排序,預設是按ID排序。
  • 也可以點中标題頭進行拖拽,自定義标題頭的順序。

最後:【綿薄之力】

Fiddler工具 — Fiddler界面布局詳解【會話清單】

這些資料,對于做【軟體測試】的朋友來說應該是最全面最完整的備戰倉庫,這個倉庫也陪伴我走過了最艱難的路程,希望也能幫助到你!凡事要趁早,特别是技術行業,一定要提升技術功底。

關注我的微信公衆号:【傷心的辣條】免費擷取~

我的學習交流群:902061117 群裡有技術大牛一起交流分享~

如果我的部落格對你有幫助、如果你喜歡我的部落格内容,請 “點贊” “評論” “收藏” 一鍵三連哦!

好文推薦:

阿裡小黑歎息:越來越多的年輕人從職場撤退了?

Python簡單?先來40道基礎面試題測試下

App公共測試用例梳理

從一名開發人員轉做測試的一些感悟