Fiddler工具 — 16.Fiddler的断点使用

1、Fiddler断点的应用

通过设置断点,Fiddler可以做到:

  1. 修改HTTP请求头信息。

    例如:修改请求头的User-AgentCookieReferer等信息,通过“伪造”相应信息达到相应的目的(调试,模拟用户真实请求等)。

  2. 构造请求数据,突破表单的限制,进行提交数据,避免页面js和表单限制影响相关调试。

  3. 拦截响应数据,修改响应实体。

    例如:进行极端测试,删除返回的所有数据,查看页面的展示效果。

  4. 断点可以模拟网络中断。

2、断点的分类

断点分为两种:

1、before response:这个是打在Request请求的时候,未到达服务器之前。

Fiddler工具 — 16.Fiddler的断点使用_第1张图片

如果你想学习fiddler抓包,我这边给你推荐一套视频,这个视频可以说是B站播放全网第一的fiddler抓包教程,同时在线人数到达1000人,并且还有笔记可以领取及各路大神技术交流:798478386   

2024备战金三银四,最新版fiddler抓包实战教程!_哔哩哔哩_bilibili2024备战金三银四,最新版fiddler抓包实战教程!共计8条视频,包括:1、fiddler和F12抓包对比、2、Fiddler工作原理、3、配置证书抓取https包等,UP主更多精彩视频,请关注UP账号。icon-default.png?t=N7T8https://www.bilibili.com/video/BV19j411J7oc/?spm_id_from=333.337.search-card.all.click

2、after response:就是服务器响应之后,在Fiddler将响应传回给客户端之前。

Fiddler工具 — 16.Fiddler的断点使用_第2张图片 

3、设置全局断点

全局断点就是中断Fiddler捕获的所有请求。

(1)设置before Requests全局断点:

1)配置

点击Rules —> Automatic Breakpoint —> Before Requests

如下图:

Fiddler工具 — 16.Fiddler的断点使用_第3张图片

可以使用快捷键F11进行设置。

配置完成后,在状态栏中可以看到如下图标:

 

2)使用

例如:我们设置了before Requests全局断点,现在访问一个登陆网页,如下:

http://test.lemonban.com/ningmengban/app/login/login.html

情况1:

填写用户名=123456123456,密码=123456,并发送请求。

会显示:手机号码格式不正确。

Fiddler工具 — 16.Fiddler的断点使用_第4张图片

 

查看Fiddler后,发现并没有录制到任何请求,说明手机号被前端js进行校验了。

这时我们就需要绕过前端js对手机号的校验,开始执行情况2。

情况2:

填写用户名=18888888888,密码=123456,并发送请求。

发现Fiddler录制了一条请求,但是这条请求和我们之前看到的请求状态有所区别,是因为打了全局的before Requests断点,所有要发出去的请求都被Fiddler拦截了。

如下图:

Fiddler工具 — 16.Fiddler的断点使用_第5张图片

我们在请求报文中把手机号修改成123456123456,一个12位的数字。

Fiddler工具 — 16.Fiddler的断点使用_第6张图片 

然后可以继续执行该条登陆请求。

  • 方式一:点击工具栏中的Go按钮即可。

  • 方式二:点击Run to Completion来完成请求。

    设置断点后,在Inspectors界面中会增加一行操作栏。如上图所示:

    • Break on Response:可以继续在响应数据返回客户端前加断点。
    • Run to completion:按照更改参数后继续提交请求。
    • Choose Response...:是一个下拉菜单,里面有各种返回的HTTP响应,可以选择特定的响应返回,也可以按照自己自定义的特定文件来返回数据。

请求完成之后我们可以查看返回结果,如下图:

Fiddler工具 — 16.Fiddler的断点使用_第7张图片

我们可以看出我们输入的12位数字,后台并没验证出手机号码格式不正确。(绕过前端验证,后端并没有此项验证)

由此可见,我们的断点已经设置成功,并且成功修改了HTTP的请求数据。

(2)设置After Responses全局断点:

1)配置

点击Rules —> Automatic Breakpoint —> After Responses

如下图:

Fiddler工具 — 16.Fiddler的断点使用_第8张图片

 

可以使用快捷键Alt+F11进行设置。

配置完成后,在状态栏中可以看到如下图标:

2)使用

例如:我们设置了After Responses全局断点,现在访问一个登陆网页,如下:

http://test.lemonban.com/ningmengban/app/login/login.html

填写用户名=18888888888,密码=123456,并发送请求。

发现Fiddler录制了一条请求,如下图:

Fiddler工具 — 16.Fiddler的断点使用_第9张图片

 我们把返回数据的message信息改成“登陆成功”,然后点击Run to Completion继续完成请求。

Fiddler工具 — 16.Fiddler的断点使用_第10张图片

请求完成之后,我们进入到Inspectors界面中,查看请求的实际返回数据。

 Fiddler工具 — 16.Fiddler的断点使用_第11张图片

说明请求返回数据的内容,被我们成功修改了。

4、设置局部断点

当我们已经知道了某个接口的请求地址,而且只需要针对这一条请求进行断点调试,这时就可以设置局部断点了。

(1)设置before Requests局部断点:

在命令行中输入指令: bpu login

Fiddler工具 — 16.Fiddler的断点使用_第12张图片

 这个RequestURI breakpoint for login就表示所有URL中有login的请求都会被拦截。

说明我们的before Requests局部断点就设置完成了。

说明:bpu命令后可以加完整的URL路径,也可以加局部的URL路径,URL路径越完整,拦截越精确。

继续访问http://test.lemonban.com/ningmengban/app/login/login.html

填写用户名=18888888888,密码=123456,并发送请求。

可以看到URL中包含login的请求被拦截了。

Fiddler工具 — 16.Fiddler的断点使用_第13张图片

 

之后的操作和上面全局断点的操作一样,这里就不演示了。

最后取消设置的before Requests局部断点,就是在命名行直接输入bpu回车即可,后面不用加任何内容。

之后状态栏显示RequestURI breakpoint deared即可。

(2)设置After Responses局部断点:

在命令行中输入指令: bpafter login

Fiddler工具 — 16.Fiddler的断点使用_第14张图片

这个ResponseURI breakpoint for login就表示所有URL中有login的响应都会被拦截。

说明我们的After Responses局部断点就设置完成了。

说明:bpu命令后可以加完整的URL路径,也可以加局部的URL路径,URL路径越完整,拦截越精确。

 

继续访问http://test.lemonban.com/ningmengban/app/login/login.html

填写用户名=18888888888,密码=123456,并发送请求。

可以看到URL中包含login的响应被拦截了。

Fiddler工具 — 16.Fiddler的断点使用_第15张图片

之后的操作和上面全局断点的操作一样,这里就不演示了。

最后取消设置的After Responses局部断点,就是在命名行直接输入bpafter回车即可,后面不用加任何内容。

之后状态栏显示ResponseURI breakpoint deared即可。

 

你可能感兴趣的:(fiddler,前端,测试工具,单元测试,服务器)