Fiddler工具 — 21.Fiddler常用插件

Fiddler已有的功能已经够我们日常工作中使用了，为了更好的扩展Fiddler，Fiddler也是支持一些插件的安装，也支持用户自己开发插件并安装。

Fiddler插件下载地址：https://www.telerik.com/fiddler/add-ons

1、Traffic Differ

Traffic Differ插件用来对比两个请求。

使用：拖动请求就可以了，比较对比数据。

作用：在现实开发中，在一个网站优化前保存一个完整的会话序列，在优化后再保存一个，通过对比两个会话序列，来比较优化起多大作用，Differ会有详细数据。

安装后，如下图：

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

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

2、PDF View

如果有一个请求的资源是PDF ，安装了PDF View插件，就可以用PDF的格式展示该资源。

说明如下：

This add-on adds a PDF inspector that generates previews of PDF files.

一个PDF检查器，该检查器生成PDF文件的预览。

3、JavaScript Formatter

（1）介绍

JavaScript Formatter插件是格式化JavaScript的简单工具。右键单击任何响应结果是JavaScript的会话，然后选择Make JavaScript Pretty，或使用“规则”菜单选项对所有下载的脚本自动执行此操作。

（2）下载与使用

官网找到并下载JavaScript Formatter文件，安装时会生成JSFormat.dll文件

说明：根据图中的地址可以找到该文件，把该文件放到安装Fiddler文件下Script目录下。

重启Fiddler，在请求列表中选择一个JS相关的请求，右击选择Make JavaScript Pretty选项，在左边响应窗口中的TextView，SyntaxView都可以看到格式化效果。（推荐使用SyntaxView查看）

可以看到语法是高亮的，而不会是一团密密麻麻的了。

4、CertMaker for iOS and Android

CertMaker for iOS and Android插件是解决iOS设备和Android设备，可能无法与Fiddler使用的默认HTTPS拦截证书一起使用。要解决此不兼容问题，您可以安装生成证书的插件，该插件生成与那些平台兼容的拦截证书。（有时候解决证书的问题很管用）

5、Syntax-Highlighting Add-Ons

Syntax-Highlighting Add-Ons插件：

该软件包包含Fiddler的三个最有价值的扩展。

这些附加组件使用语法高亮显示标记：

SyntaxView检查器为HTML，JavaScript，CSS，XML和其他Web格式提供语法突出显示。
RulesTab2扩展是一种直接在Fiddler中编辑FiddlerScript规则的强大方法。
FiddlerScript编辑器是一个独立的文本编辑器，可帮助您编辑Fiddler的规则。它提供语法高亮显示和类浏览器，以帮助您编写脚本。

提示：这些已经包含在最新版本的Fiddler中，不再作为单独下载提供。

6、Gallery

Gallery插件：选择图片的会话后，Gallery插件可以显示所选会话中找到的所有图像的缩略图。还提供了带有可选图像效果的全屏幻灯片显示模式。

7、Willow（重点）

Willow插件：可以统计数据包、修改Host、请求重定向、编码转换、低网速模拟：慢速网络模拟可视化、断点调试、过滤HTTP请求等功能。

（1）Willow插件下载

Willow插件的下载地址：http://qzonetouch.github.io/commonWidget/willow

最新版本：WillowSetup-1.5.2.zip

（2）Willow插件安装

在解压后的文件夹中，双击WillowSetup.exe文件进行安装。

安装很简单，Willow插件安装完成后会自动打开Fiddler。

我们可以看到在辅助工具栏中出现了Willow插件的标签页，说明Willow插件安装成功了。

（3）Willow插件的使用

1）Willow插件主要功能说明

我们可以把Willow插件当作是AutoResponder工具和Tools —> HOSTS...功能的加强版。

Fiddler中我们可以选择Tools —> HOSTS...功能，来导入windows系统中的hosts文件。

第一步勾选Enable remapping of requests for one host to a different host or IP, overriding DNS.来开启Fiddler中的HOSTS功能。

第二步：点击Import Windows Hosts File来导入windows系统中的hosts文件。

之后我们就可以在这里编辑windows系统中的hosts文件，来定义主机规则，会很方便。

但是Willow插件对于windows系统中的hosts文件的管理更加的丰富，可以根据不同的环境，比如测试环境，开发环境等，采用不同的主机规则。同理Willow插件对于AutoResponder工具也是一样的，Willow插件可以用工程的方式，来区分不同环境所需要的主机规则和自动响应规则，这个功能就非常的实用。

2）创建项目

在Willow插件中，右键Add Project(Ctrl+P)，然后填写项目的名称。