Bootstrap

Fiddler的安装及使用教程（六千字超级详细！）

一、安装

1、fiddler工具下载网址：http://www.telerik.com/download/fiddler。
2、运行 FiddlerSetup.exe一键完成安装。
3、安装成功后点击关闭按钮，所选路径下多出一个Fiddler文件夹
4、运行fiddler.exe。

二、Fiddler的配置

1、Fiddler的抓包原理
在这里插入图片描述
Fiddler 是以代理web服务器的形式工作的，它使用代理地址:127.0.0.1，端口:8888，能支持HTTP代理的任意程序的数据包都能被Fiddler嗅探到，Fiddler的运行机制其实就是本机上监听8888端口的HTTP代理。当Fiddler退出的时候它会自动注销，这样就不会影响别的 程序。不过如果Fiddler非正常退出，这时候因为Fiddler没有自动注销，会造成网页无法访问。解决的办法是重新启动下Fiddler。

配置：打开Fiddler文件夹，点击Fiddler.exe运行fiddler进行配置
点击Tools–>options
**1）**在Tools–>options弹框,点击connections,端口8888可修改为其他数字，并勾选Allow remote computers to connect，点击OK。
在这里插入图片描述
2）抓取HTTPS数据包
在options弹框中切换至HTTPS，勾选图中标记的2个选项并点击OK
在这里插入图片描述
勾选后会弹出安装证书的提示，根据提示一直点击“是”即可安装成功

**

三、抓取手机APP数据包

1）确认电脑和手机连的同一局域网
2）查看电脑IP并设置手机WIFI的HTTP代理
在这里插入图片描述
在这里插入图片描述
（3）打开手机 浏览器，输入192.168.xxx.xx:8888（即上一步的IP：端口），这一步Android和IOS的手机是一样的

如出现以下页面则表示正常，点击红框下载证书，如访问不了地址或者页面提示拒绝访问之类的表示配置有误，再检查一下哪里没有配置好
在这里插入图片描述
4）下载证书成功后，Android手机需要给证书命名，任意输入一个名字即可；

     IOS会跳转到一个界面，点击安装，有可能第一遍安装不上返回浏览器再操作一次就安装成功了，切记IOS安装好证书需要信任才行，如果忘记信任了Orz（进入设置--通用--关于本机--证书信任设置--找到DO_NOT_TRUST_FiddlerRott开启信任）

（我用的Android手机IOS没有亲测）

5）设置过滤
手机上设置代理后，这时候fiddler上抓到的是pc和app所有的请求，如果pc上打开网址，会很多，这时候就需要开启过滤功能了。

2.打开fiddler>Tools>Fiddler Options>HTTPS>…from remote clients only,勾选这个选项就可以了

…from all processes :抓所有的请求

…from browsers only ：只抓浏览器的请求

…from non-browsers only :只抓非浏览器的请求

…from remote clients only:只抓远程客户端请求

注意：我的手机在设置完代理后显示无法上网，也无法访问192.168.xxx:8888
下面是解决办法
（1）输入regedit打开注册表，输入路径：计算机\HKEY_CURRENT_USER\Software\Microsoft\Fiddler2后回车
在这里插入图片描述
（2）新建QWORD，值设置80
在这里插入图片描述
（3）打开fiddler，进入Rules -->Customize Rules，
（4）ctrl+f，搜索OnBeforeRequest
(5)在OnBeforeRequest方法最后添加一行


if (oSession.host.toLowerCase() == "webserver:8888") 
        {
            oSession.host = "webserver:80";
            }

（6）重启fiddler就可以了
**
**

四、Fiddler的使用

1）Fiddler的基本界面
在这里插入图片描述
主菜单：

File： 文件

capture Traffic： 　　 是否启动抓包；勾选后左下角显示capturing。是开始抓取；不勾选是不抓取，无capturing。

new viewer： 　 新建fiddler窗口。

save： 　　 将当前抓取的会话进行保存。

其他的基本上不用，就不写了。

Edit：编辑

copy： ·　　 对所选的信息进行copy，包含对session、URL、headers等信息进行copy。

Remove： 　　 删除，包含删除选择的session，未选择的session、删除所有的。

Select All： 　　 将回话区所有的会话全选。

Undelent： 　　 将上一次删除的会话进行复原。

Paste as sessions： 　　　 将以前的会话粘贴回来。

Mack： 　　 自定义不同状态的会话的显示的颜色。

Unlock for Editing： 　　 不允许进行编辑。

Find sessions： 　　 对会话进行快捷查找，相当于Ctrl+F。

Rules：规则

Hide Image Requests： 　　 隐藏图片请求。

Hide connects：　　　　　　 隐藏connects请求。

Automatic Breakpoints： 修改请求或者响应的内容，做断点使用较多。

Customize Rules：　　　　　 调取脚本操作，多用于修改网络、其他自定义时使用。

User-Agents：　　　　　　　 模拟其他浏览器进行请求。

Performance：　　　　　　 一个性能测试工具，包含：模拟调制解调器速度、禁止缓存、显示TTL8。

Tools：工具

Options：　　　　　　　　　 一些设置项，包含：对抓取接口是http、HTTPS类型设置、获取证书、设置代理的端口号等信息。

Wininet options：　　　　　　 对PC端进行设置代理。

Clear wininet cache：　　 清除缓存。

Clear wininet cookies： 　　 清除cookies。

TextWizard： 编码工具，可以用来进行编码、解码、转码操作。

compare sessions：　　　　 将两个sessions会话进行对比，正常使用需要安装插件。

Reset Script：　　　　　　　 将脚本进行还原。

view IE cache：　　　　　　 视图缓存

New sessions Clipboard…：　 新建会话剪切板

HOSTS：　　　　　　　　　 对host进行修改、配置。

View：视图

Autoscroll session list： 　　　 设置会话区在抓取时是否自动滑动。

其他的主要是对布局方式的设置，包括菜单栏是否显示、界面的显示方式。

Help：帮助

主要包含fiddler自身的一些说明，基本上不用，感兴趣的小伙伴可以自己去了解一下，或者留言。

快捷菜单栏

在这里插入图片描述

请求参数显示区

headers：　　　　　　　　　　　　 主要显示选择的请求的信息，包含、请求头、请求体、body等信息。

textView：　　　　　　　　　　　　 以文本的形式显示请求参数以及body值。

SyntaxView：　　　　　　　　　　　 以脚本的形式显示请求参数以及body值（需要安装Syntaxview插件）。

WebForms：　　　　　　　　　　　 以列表的形式显示请求参数以及body值。

HexView：　　　　　　　　　　　　 以16进制形式显示请求参数以及body值。

Auth：　　　　　　　　　　　　　　 显示header中Proxy-Authorization和Authorization值。

Cookies：　　　　　　　　　　　　 以直观的界面显示header中的cookies的值。

Raw：　　　　　　　　　　　　　　 将整个请求以纯文本的形式显示。

Josn：　　　　　　　　　　　　　 以josn串形式显示请求参数以及body值。

XML：　　　　　　　　　　　　 以XML的形式显示请求参数以及body值。

响应结果显示区

Transformer：　　　　 　　　　 响应信息的压缩编码格式，对响应信息进行编码、解码、转码操作。

Headers：　　　 　　　　　　　　 响应信息，包含响应状态、响应头、响应体。

textView：　　　　　　　　　　　　　以文本的形式展示响应结果。

SyntaxView：　　　　　　　　　　　 以脚本的形式展示响应结果（需要安装插件）。

ImageView： 　　　　　　　　　　 当响应中包含图片时可以用此功能进行查看图片以及图片信息。

HexView：　　　　　　　　　　　　 以16进制展示响应结果。

WebView：　　　　　　　　　　　　 以列表形式展示响应结果。

Auth：　　　　　　　　　　　　　　 展示响应结果中部分信息。

Caching：　　　　　　　　　　　　 响应的缓存过期时间或者缓存

Cookies：　　　　　　　　　　　　　 展示响应中的cookies信息。

Raw：　　　　　　　　　　　　　　　以纯文本形式展示响应头。

json：　　　　　　　　　　　　　　　以JSON形式展示响应结果。

XML：　　　　　　　　　　　　　　 以XML形式展示响应结果。
在这里插入图片描述

Fiddler的HTTP统计视图

通过陈列出所有的HTTP通信量，Fiddler可以很容易的向您展示哪些文件生成了您当前请求的页面。使用Statistics页签，用户可以通过选择多个会话来得来这几个会话的总的信息统计，比如多个请求和传输的字节数。

选择第一个请求和最后一个请求，可获得整个页面加载所消耗的总体时间。从条形图表中还可以分别出哪些请求耗时最多，从而对页面的访问进行访问速度优化
在这里插入图片描述
2）QuickExec命令行的使用

Fiddler的左下角有一个命令行工具叫做QuickExec,允许你直接输入命令。

常见得命令有

help 打开官方的使用页面介绍，所有的命令都会列出来

1、cls 清屏 (Ctrl+x 也可以清屏)

2、对目标主机执行DNS查找，并在LOG选项卡上显示结果

!dns www.example.com
!nslookup www.example.com

3、select 选择会话的命令

4、?.png 用来选择png后缀的图片

5、bpu 截获request
6、在另一个端口上设置一个附加的侦听器，可以选择通过HTTPS证书进行保护


!listen 8889
!listen 4443 localhost
!listen 444 secure.example.com

7、选择名称为Header或SessionFlag包含指定字符串的任何会话。

select ui-comments slow
select ui-bold *     <-- unless preceded by a slash, * means any value
select ui-comments \*     <-- Find comments with a *
selec**加粗样式**t @Request.Accept html     <-- Find requests with Accept: html
select @Response.Set-Cookie domain <- Find responses that Set-Cookie on a domain

8、quit
**3）**AutoResponder 允许拦截指定规则的请求
AutoResponder允许你拦截指定规则的求情，并返回本地资源或Fiddler资源，从而代替服务器响应。

看下图5步，我将“baidu”这个关键字与我电脑“C:(IBZ0FBB8J3LU_32]73H}ZB.jpg”这张图片绑定了，点击Save保存后勾选Enable rules，再访问baidu，就会被劫持。在这里插入图片描述
在这里插入图片描述
4） Composer 自定义请求发送服务器
Composer允许自定义请求发送到服务器，可以手动创建一个新的请求，也可以在会话表中，拖拽一个现有的请求

Parsed模式下你只需要提供简单的URLS地址即可（如下图，也可以在RequestBody定制一些属性，如模拟浏览器User-Agent）在这里插入图片描述

6）Filters 请求过滤规则
Fiters 是过滤请求用的，左边的窗口不断的更新，当你想看你系统的请求的时候，你刷新一下浏览器，一大片不知道哪来请求，看着碍眼，它还一直刷新你的屏幕。这个时候通过过滤规则来过滤掉那些不想看到的请求。
在这里插入图片描述勾选左上角的Use Filters开启过滤器，这里有两个最常用的过滤条件：
Zone和Host
1、Zone 指定只显示内网（Intranet）或互联网（Internet）的内容：
在这里插入图片描述
2、Host 指定显示某个域名下的会话：
在这里插入图片描述
如果框框为黄色（如图），表示修改未生效，点击红圈里的文字即可

7） Timeline 请求响应时间
在左侧会话窗口点击一个或多个（同时按下 Ctrl 键），Timeline 便会显示指定内容从服务端传输到客户端的时间：
在这里插入图片描述
8）Fiddler中设置断点的两种方式

第一种 before response：这个是打在request请求的时候，未到达服务器之前
在这里插入图片描述

第二种: after response：也就是服务器响应之后，在Fiddler将响应传回给客户端之前。
在这里插入图片描述
全局断点
Fiddler最强大的功能莫过于设置断点了，设置好断点后，你可以修改httpRequest 的任何信息包括host, cookie或者表单中的数据。
1.全局断点就是中断fiddler捕获的所有请求，先设置下，点击rules-> automatic breakpoint ->before requests
在这里插入图片描述
当我们设置断点后，进行HTTP请求，数据包顺序列会有中断的标记，单击该数据包可以看到在右侧会增加一行操作栏。这个时候我们在前端是没有正常加载网页的，点击【Run to Completion】后可以返回响应数据。
在这里插入图片描述
接下来为了看我们的断点设置是否生效，我们以登录为例子进行测试。我们断点规则设置为before request，登录一个网站，登录界面输入未注册的用户，点击登录。然后修改为我注册过的手机号并输入错误密码

(未注册用户回显)在这里插入图片描述
（修改请求包）
在这里插入图片描述
（改包之后回显）
在这里插入图片描述
概述为四步操作
1）点击有断点标识接口
2）右侧Inspectors-WebForms修改入参
3）点击绿色按钮：Run to completion
4）接口会以修改后的入参进行请求
由此可见，我们的断点已经设置成功，并且成功修改了HTTP的请求数据。

after response简述如下：
after response： 也就是服务器响应之后，在Fiddler将响应传回给客户端之前
1）点击有断点标识接口
2）修改返回值TextView值
3）命令行输入Go
4）接口会将修改后的出参返回页面

**

五、单个断点

已经知道了某个接口的请求地址，这时候只需要针对这一条请求打断点调试，在命令行中输入指令就可以了
请求前断点（before response)： bpu

论坛登录接口：https://passport.cnblogs.com/user/signin
命令行输入：bpu https://passport.cnblogs.com/user/signin 回车
请求登录接口的时候，就会只拦截登录这个接口了，此时可以修改任意请求参数
取消断点，在命令行输入： bpu 回车就可以了

悦读

道可道，非常道；名可名，非常名。 无名，天地之始，有名，万物之母。 故常无欲，以观其妙，常有欲，以观其徼。 此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。

最新收录
赶快收藏！全网最佳websocket封装：完美支持断网重连、自动心跳！
Termux: Docker on Android - 移动设备上的容器化技术新纪元
C语言之数组的使用
物联网APP开发智能软硬件结合定制智慧农业工业监测蓝牙小程序
uml笔记
#单片机基础 笔记二
GeoGebra3.2 笔记:极坐标曲线
springboot基于JAVA的二手书籍交易系统的设计与实现(源码+lw+部署文档+讲解等)
java中的抽象类
【第17章】Vue实战篇之注册界面
;