如何用 fiddler 调试线上代码

有时代码上线了,突然就碰到了坑爹的错误。或者有时看别人家线上的代码,对于一个文件想 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,就有效果了。


猜你喜欢

转载自blog.csdn.net/dxj124/article/details/80455267