图解前端调试工具Fiddler使用

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

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

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

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

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

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

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

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