04月16, 2014

使用fiddler提高前端开发效率

fiddler是一个强大的web开发调试工具,他本来作用是用来记录分析网络请求的利器,可监控本机所有客户端的网络输出流 和服务器返回的输入流,甚至可以修改数据发送。

我使用fiddler有两个主要用途:

  • 本地修改服务器的页面结构样式
  • 使用手机网络代理调试手机应用

本地修改服务器的页面结构样式

这个使用到Fiddler的AutoResponder tab,它允许你从本地的文件直接返回response,而不用将http request发送到服务器上。这种功能适合网页结构的修改,样式调整及调试ajax等开发需求。 具体使用步骤 见:使用方法

使用手机网络代理调试手机应用

要求手机跟开发本地是在同一个网关的网络里,这样手机连接网络的代理可以正常连接到开发机上。 具体fiddler设置:

上面的端口可以设置大于1024的端口,只要没有冲突。 另外一篇教程供参考: 点击查看

fiddler是基于.net平台开发的,适合用于window下。至于linux和mac其他平台上还没有稳定版本的程序使用。寻找类似这个功能的软件,在linux可以使用wireshark,mac则推荐使用charler,虽然两者功能上都不及fiddler丰富,易用。

Fiddler值得web开发工程师去学习,利用。 最后发个完整的中文教程:ref