图解前端调试工具Fiddler使用
Fiddler 是前端使用最广泛的线上调试工具，它不依赖于其它环境，直接安装即可。缺点是只能在 win 上使用，因为它是 C# 写的。
安装
- 01
安装超级简单，下载后直接下一步就行了。启动界面如下图所示：
使用
- 01
大体和 Charles 类似，打开浏览器访问要调试的页面，定位到要调试的资源（JS、CSS），映射到本地。 还是以 trip.jd.com 下的 search.js 测试 先清掉现有的请求数据，如下图所示：
- 02
浏览器打开访问 trip.jd.com，Fiddler 可以捕捉到其中的请求，找到 search.js，如下图所示：
- 03
右侧面板切换到 AutoResponser ，勾上前两个选项，如下图所示：
- 04
把左侧的 search.js 拖到 AutoResponser 里，如下图所示：
- 05
右下角 “Rule Editor” 最下面的下拉选择 “Find a file”，如下图所示：
- 06
选择之前下载到本地的 search.js 并点击 “save”，如下图所示：
- 07
这时可以任性的修改本地的 search.js了，之前加了个 alert，回到浏览器刷新页面既可以看到效果了。
赞 (0)