图解前端调试工具Fiddler使用

Fiddler 是前端使用最广泛的线上调试工具，它不依赖于其它环境，直接安装即可。缺点是只能在 win 上使用，因为它是 C# 写的。

安装

1、安装超级简单，下载后直接下一步就行了。启动界面如下图所示：

使用

1、大体和 Charles 类似，打开浏览器访问要调碍测行臬试的页面，定位到要调试的资源（JS、CSS），映射到本地。还是以 trip.jd.com 下的 search.js 测试先清鼓饫废希掉现有的请求数据，如下图所示：

2、浏览器打开访问 trip.jd.com，Fiddler 可以捕捉到其中的请求，找到 search.js，如下图所示：

3、右侧面板切换到 AutoResponser ，勾上前两个选项，如下图所示：

4、把左侧的 search.js 拖到 AutoResponser 里，如下图所示：

5、右下角 “Rule Editor” 最下面的下拉选择 “Find a file”，如下图所示：

6、选择之前下载到本地的 search.js 并点击 “save”，如下图所示：

7、这时可以任性的修改本地的 search.js了，之前加了个 alert，回到浏览器刷新页面既可以看到效果了。