Fiddler 前端调试 firefox设置 模拟Post请求

fiddler工作原理：

    当你启动了Fiddler，程序将会把自己作为一个微软互联网服务的系统代理。作为系统代理，所有的来自微软互联网服务（WinInet）的http请求再到达目标Web服务器的之前都会经过Fiddle，同样的，所有的Http响应都会在返回客户端之前流经Fiddler。如下图：

 

Fiddler前端调试。

　　前端工程师在工作中总会有那么一些要求，要求书写的代码具有优良的兼容性，要求考虑代码的高性能，要求方法要面向对象，要求...前端工程师总是和浏览器兼容有很多不得不说的事。

　　条件1：在我们前端工程师开发的工作中，要调试服务器上某个HTML/CSS/JavaScript文件。一般情况下，我们都是将文件直接进行修改，然后重新发布再去做验证，这样就容易影响到测试环境或者生成环境的稳定性。更好的做法是，我们在本地开发环境中直接修改文件并进行验证，然后发布到测试环境，这样能保证测试环境的稳定，可是又比较繁琐。

　　条件2：现在我的情况是需要调试上线产品的浏览器兼容性问题，且我没有本地环境或者生成环境去测试。假如有Bug发生在Firefox或者Chrome这种有控制台支持调试的浏览器下一切都好说，可是假如bug只发生在遨游，TT，世界之窗，搜狗...这种的没有调试功能的浏览器下，而且你还碰见了我目前的情况，那么如果没有Fiddler这种工具，只能说这就是一场灾难。

　　Fiddler工具可以修改HTTP数据的特性，我们就非常便捷地基于生产环境修改并验证，确认后再发布。

　　第一步，先定位调试文件且下载。假设发现页面中的某个文件有问题（HTML/CSS/JavaScript都行），那么我们需要做的是就把他先下载到本地（如果本地有这个本地那么可以跳过此步骤），下载到本地的文件偶尔会有乱码的情况，建议你先清理浏览器缓存或者调整注册表（Fiddler2中文乱码问题）。使用细节如下：

　　

　　第二步，Fiddler - autoResponder出场，开启此功能。打开AutoResponder标签设置。可以看到界面上有三个选择框，第一个的作用是开启或禁用自动重定向功能，我们就可以在下面添加重定向规则了；第二个选择框被勾上时，不匹配的请求可以通过，不影响那些没满足我们处理条件的请求。

　　

　　第三步，创建重定向规则，将目标是这个js的HTTP请求重定向到本地文件。选中刚刚定位的文件，通过“Add…”按钮增加规则，也可以直接拖动过来。

　　

　　第四步，选择本地刚刚保存的文件或者替换的文件，作为替换这个请求的内容。

　　

　　第五步，你调试或者不调试，它就在那里 - 只会请求你本地的选择的那个文件。所以，想怎么修改都随便你了。刷新页面，就可以看见这个alert了。

使用Request Builder模拟http请求

对于移动服务端开发人员来说，使用这个工具模拟移动客户端请求是非常方便的。

get请求：

下拉框中选择GET，输入请求的地址，输入Request Headers。Request Headers是键值对的格式，用：隔开。点击执行。

Post请求：

 

 

firefox下配置Fiddler

作为开发web开发人员常使用的浏览器肯定非firefox 莫属了，下面是在火狐下配置fiddler。

1. fiddler 在安装和第一次运行之后会的我的文档中生成配置文件,其中在scripts目录下有BrowserPAC.js

2. 配置火狐

打开firefox 在选项/高级/网络/自动代理配置/填上：file:///C:/Users/caiyou/Documents/Fiddler2/Scripts/BrowserPAC.js

 

***********************************安装ok了，下面就要测试一下了

ps：

园友 eEhdsa的友情提示：火狐下设置端口为8888 (127.0.0.1 : 8888)就可以被fiddler抓到了，这是fiddler默认端口，当然你有改过那肯定不是这个了..，本人测试，可以使用，当然前提是你端口没有被占用，再次表示很感谢@