前言

日常开发过程中，对于一般的抓包看请求等操作，使用浏览器自带的F12开发者模式就能满足我们的要求，但有些前端调试（比如网页JS文件的替换，请求入参、出参的修改等等），光用F12显得没那么方便。这时候就需要使用Fiddler这个工具了。

Fiddler简介

“Fiddler是最强大最好用的Web调试工具之一，它能记录所有客户端和服务器的http和https请求，允许你监视，设置断点，甚至修改输入输出数据，使用Fiddler无论对开发还是测试来说，都有很大的帮助。”

今天就讲下我常用到的Fiddler几个特色功能：

自动响应，顾名思义，就是Fiddler可以对满足一定条件的请求自动返回事先设定好的响应值。

当功能上线出现Bug时，我们就可以利用自动响应结合F12进行Bug的修复调试。

下面举个简单例子：

假如生产上线后，有客户反馈下面的文字不大对，

我发现是某个js文件导致的，有了大致的修复思路，我想在生产环境调试下修复效果，于是做如下操作，

1、将生产环境的js文件保存到本地

2、复制该js文件的链接地址

3、打开Fiddler，启用自动响应，添加规则，粘贴刚刚复制的js文件链接地址，选择刚刚保存到本地的js文件，保存规则

4、本地修改刚刚保存的js文件

5、按住Ctrl+Shift+Del清除全部浏览器缓存

6、重新刷新页面，即可看到更改后的效果

PS：假如你是像上面的例子一样替换的是https请求的文件，需要额外的https证书安装操作

1、点击Tools、Options

2、选择https、Decrypt Https，安装证书

设置断点，可以修改请求的入参，以及请求的返回值。

比如我想修改请求的入参，就设置断点在Before Requests

点击某个进入断点的请求，修改入参，完成请求，即可完成入参的修改

同理，想修改请求的返回值，就设置断点在After Requests

点击某个进入断点的请求，修改返回值，完成请求，即可完成返回值的修改

统计功能可以看出请求接口的性能如何，假如有哪个节点偏慢，我们就可以针对性的进行优化。