标签：

前端工程在工作中，经常需要去调试 HTML, CSS 或者Javascript 文件，     Fiddler 中的AutoResponder 功能，可以把要调试的文件保存到本地进行调试，这大大减少了在线调试的困难。 起码能提高5倍的效率

如果你不熟悉Fiddler 的用法，可以参考我其他的Fiddler 文章

阅读目录

案例一: 如何调试服务器上的HTML/CSS或者Javascript文件

一般情况下是这么做的:  前端工程师先在本地修改好一个JS文件， 这个时候他并不能确保他的修改是对的。 他需要把Javascript文件，部署到测试环境上或者生产环境上。 然后测试和验证。

如果修改不对，还需要重新修改，如下图所示

这么做有很大的缺点.

1. 部署非常浪费时间

2. 容易影响测试环境或者开发环境的稳定性

3. 可能需要大量的修改和验证， 非常繁琐，非常浪费时间。 

如果使用Fiddler Responseder 就可以直接本地修改，直接验证就可以了。 不需要部署。  起码可以提高5倍的效率

案例二: 生产环境上的调试

如果生成环境上的JS出现了问题， 那么调试JS是非常麻烦的, 你不能把生产环境搞挂了。使用Fiddler Responsder 无需修改生成环境上的文件，能轻松帮你搞定。

Fiddler AutoResponder 的工作原理

 Fiddler 本身是个代理

第一步: 找到你要调试的文件并且下载

 假设发现页面中的摸个文件出了问题， （html/css/javascript/git）都行。  我们先把出问题的文件下载到本地.

第二步: 设置Fiddler - autoResponder

第三步:  直接修改本地的文件，就可以调试

设置好Fiddler AutoResponsed 后，你只需要修改本地机器上的文件， 然后刷新浏览器。 这样你就能看到效果了。

总结

Fiddler AutoResponsed 除了调试外， 还有很多有趣的用法， 后续会写一些新的用法

Fiddler (七) AutoResponder 前端工程师快速调试

标签：

原文地址：http://www.cnblogs.com/TankXiao/p/4863717.html