图解前端调试工具Fiddler使用

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，回到浏览器刷新页面既可以看到效果了。