Fiddler工具 — Fiddler界面布局详解会话列表

Posted 2021-06-26 测试萌萌

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Fiddler工具 — Fiddler界面布局详解会话列表相关的知识，希望对你有一定的参考价值。

在这里插入图片描述

1、会话列表说明

Fiddler抓取到的每条HTTP请求（每一条称为一个session）。

主要包含了请求的ID编号、状态码、协议、主机名、URL、内容类型、body大小、进程信息、自定义备注等信息。

如下图所示：

在这里插入图片描述

说明：

在这里插入图片描述

2、会话列表不同颜色的含义

不同图标和不同颜色的含义，如下图：

在这里插入图片描述
默认颜色的含义如下：

在这里插入图片描述

3、会话列表图标说明

在这里插入图片描述

4、会话列表应用设置

（1）给Fiddler会话列表增加IP列

Fiddler在抓取每个session时，都会调用CustomRules.js脚本文件，该脚本可以隐藏，标识或任意修改session的显示信息。

会话列表增加IP列步骤：

步骤1：

运行Fiddler，Rules菜单 —> Customize Rules，打开“Fiddler ScriptEditor”

在这里插入图片描述
步骤2：

Ctrl+F查找“static function Main()”字符串，然后添加以下代码：

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

在这里插入图片描述

按ctrl+s进行保存。

步骤3：查看

在这里插入图片描述

提示：脚本在运行状态下就可以修改并重新编译，不需要重新启动Fiddler。

（2）添加自定义列

在标题头上右键会出现一个列表如下：

在这里插入图片描述

说明：

Search this column…：在当前列中搜索内容。
Flag duplicates ：标记重复项。
Hide this column：隐藏此列。
Ensure all columns are visible：确保所有列均可见。
Customize columns…：自定义列。

选择Customize columns…：自定义列。

会出现如下界面，我们可以根据实际需要进行相应列的设置。

在这里插入图片描述
（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;
}