利用fiddler调试上线应用的前端代码

　　应用上线试运行后，或多或少会出现一些问题，如前端脚本错误、样式错误，服务端NullPointException、堆栈溢出等。服务端的我们不说，看看前端的脚本错误如何解决。

　　也许很多人会说前端问题好解决呀，直接替换脚本、样式文件不就行了，这样的确可以解决问题，但是谁能保证替换的文件就没错？而且出错后，所有访问这个应用的用户都会受到影响，用户的体验也会糟到不行。比较好的方法是在线调试，当浏览器从服务端下载好脚本后，直接替换脚本文件为本地的某个文件，这样影响的只是你本机而已。怎么替换？Fiddler可以上场了。关于这个工具的使用我就不细说，大家google一下就学会了。我们看如何进行在线调试。看下图：

 

 

　　当fiddler启动后，访问网页，fiddler会监听到每个http请求，我们选择要进行调试的脚本代码，点右键把url复制一下。然后切换到fiddler右侧的"AutoResponder"选项卡，勾上"Enable automatic response"和"Umatched..."复选框，然后点"Add"按钮，测试fiddler右下角就出现我们刚才复制的url地址。点击第二个下拉框，选择"Find a file..."，选择你本地要替换的文件即可，最点保存按钮。你可以这样来替换多个文件。当一切就绪后，重新刷新网页，网页已经是你本地的效果了，如图：

 

我们可以查看网页的源码，会看到代码已被替换，如IE9下进行http监听的效果：

效果不错吧，还不赶快去试试看 ：-）