移动开发中Fiddler的那些事儿 一、Fiddler配置与手机无线的配置 二、HOST修改 三、AutoResponder 四、指令 五、过滤Filter 六、插件

当我以前在调pc端网页的时候，firefox有firebug，chrom也有自己的调试抓包工具，用起来很方便。

但是现在我要在手机上面调试页面，这个时候就没有这么方便的现成工具了。

后面发现了fiddler，设置一下后，就能用这个来抓取手机访问页面时候的请求了。

下面是文章大纲：

<a target="_blank" href="http://www.cnblogs.com/strick/p/4570006.html#first">fiddler配置与手机无线的配置</a>

<a target="_blank" href="http://www.cnblogs.com/strick/p/4570006.html#second">host修改</a>

<a target="_blank" href="http://www.cnblogs.com/strick/p/4570006.html#third">autoresponder</a>

<a target="_blank" href="http://www.cnblogs.com/strick/p/4570006.html#four">指令</a>

<a target="_blank" href="http://www.cnblogs.com/strick/p/4570006.html#five">过滤filter</a>

<a target="_blank" href="http://www.cnblogs.com/strick/p/4570006.html#six">插件</a>

1、首先电脑和手机要使用同一个无线

　　

2、配置fiddler，单机tools=》fiddler options

3、配置手机无线，我的手机是android机，ios也是差不多的，就是加个代理和端口，主机名就是你电脑的ip地址，自己用ipconfig看下就有了。

　　改好后，要重新连接一下，才能让fiddler抓取到。

我一开始调试手机网页，都是先把文件上传到绑域名的服务器上，然后再访问测试，这样效率有点低。

以前的pc网页都是在本地调试好后上传到服务器上的，现在我也想这么做，这个时候就需要在fiddler中配置域名转向了。

1、例如用手机访问http://www.pwstrick.com/fiddler/这个页面：

fiddler抓取到的如下所示：

2、接下来我要让http://www.pwstrick.com/fiddler/访问的是我本中的工程文件。

点击tools=》hosts打开的页面如下：

满心欢喜的以为域名已经转向了，用浏览器打开，duang一下是下面那个鸟样：

后面我想到得在我本地apache上面配置个虚拟目录：

刷新下页面：弹出的内容就变成本地设置的了

现在访问pwstrick地址的hostip就变成了127.0.0.1了

刚上面的host修改，是把所有这个域名下的文件都重定向。但有的时候只需要测试某个文件，这个时候就可以用autoresponder了。

1、将第一个和第二个打勾，第二个不打勾的话，所有页面就都不能访问啦，第二个选项的意思是不匹配的请求都保持不变。

2、在下面做个匹配规则，我选的是完全匹配，这里可以用正则表达式，高大上的东西。

3、满怀期待的刷新下页面，出来了用的是demo2.js文件中的内容

<a target="_blank" href="http://docs.telerik.com/fiddler/knowledgebase/autoresponder">点击进入fiddler文档页面查看更多规则事例...</a>

这个请求还可以让他延时请求，或者其他方式，选项如下：

刚查看文档，发现几个未来应该会用到的指令，这里做个小记录

?sometext

输入?pwstrick然后直接按回车就会看到搜索url中包含pwstrick的地址。

=status

=method

选择响应状态=status （200、404等）或请求方法=method的会话（post、get等）

@host

选择会话中域名包含host的会话，此时按enter键可高亮所有匹配的结果

将会把api.pwstrick.com、www.pwstrick.com等url选中

!dns hostname

进行目标域名的dns查找，并将结果显示在log选项卡上

1）过滤域名

选项好多，这里我打算把pwstrick.com给过滤出来，然后就把那个选项打勾

接着点击actions中的run filterset now，不过滤请求的话，太多眼都看花了，随便访问个线上网站就有几十个请求，唰唰下来

2）自定义请求头或响应头属性

set request header与set response header，设置自定义请求头与响应头。可以模拟跨域等问题。

坐标的是不肥请求头，右边是部分响应头，origin与access-control-allow-origin对应了起来，必须一模一样，少个“http”都不行。

1、javascript formatter

将压缩过的javascript脚本格式化，查看别人网站时候的压缩脚本时候用很给力

formatter，点击下载。

安装好后重启fiddler，接下来邮件那个url就会看到下图中的红色框选项，点击一下。

add-ons这个插件还可以做些其他功能具体可以查看文档。

2、gallery

这是看图片的一个插件，没有这个插件的话我还得复制url，然后在浏览器中输入看图片。

我抓取了花瓣网的页面做演示：我先做了个域名过滤，旁边的gallery一栏就会自动出来图片。

参考资料：

最常用的快捷键

调试利器 fiddler 的一些技巧分享