如何用 fiddler 调试线上代码

参考：https://www.cnblogs.com/yyhh/p/5140852.html#l02

参考：https://blog.csdn.net/qq_32259579/article/details/78994326

参考：http://chromecj.com/utilities/2018-05/1424.html

 

有时代码上线了，突然就碰到了坑爹的错误。或者有时看别人家线上的代码，对于一个文件想 fork 下来试试效果又不想把全部文件拉到本地，都可以使用 fiddler 的线上调试功能。

比方说我们打开携程的首页 www.ctrip.com，看到个叫 allsearch.js 的 js 文件，想往里加点代码调试下。

我们先把这个 js 文件下载到本地。

然后打开 fiddler（当然首先得下载安装 fiddler，参考如何用 fiddler 代理调试本地手机页面），浏览器访问 www.ctrip.com，fiddler 能捕获到所有请求，我们找到 allsearch.js 这个 session。

右侧面板切换到 AutoResponser ，勾上前两个选项，并把左边我们找到的这个文件拖到右边如图位置处。

右下角 “Rule Editor” 最下面的下拉选择 “Find a file”，选择之前下载到本地的那个文件。这时线上的该文件 url 就映射到本地的那个文件了。

我们在本地往该 js 文件的开头添加一句 alert('hello world');，刷新 www.ctrip.com，就有效果了。