天天看点

<html>

对于web开发,Fiddler十分重要。Fiddler是最强大最好用的Web调试工具之中的一个。它能记录全部client和server的http和https请求,同意你监视,设置断点。甚至改动输入输出数据. 使用Fiddler不管对开发还是測试来说,都有非常大的帮助.

然后在这个星期中,我总结前端工作中。经常使用Fiddler来做的有下面几种用途,由于抓包通过浏览器就能够完毕了所以就不说名了。简单来说Fiddler对我们工作中用处最大就是控制网络文件请求规则以及改动hosts

2.1、使用fiddler改动hosts

连接cgi以及測试时。常常须要改动hosts,fiddler中加入Willow插件,就能够轻松改动hosts。首先安装fiddler。然后再安装Willow,所有傻瓜式安装就可以。

安装后打开fiddler。在右上角会看到多了Willow的标签,如图1所看到的

图1安装willow插件后。在fiddler中会显示willow标签

点击Willow进入willow标签页,在空白处点击右键,新建project,如所看到的:

图2在willow标签中新建project

在刚刚新建的project名字上点击右键,然后选择加入hosts。如所看到的:

图3加入hosts

在刚刚新建的project名字上点击右键,然后选择加入hosts,如所看到的:

图4输入ip与域名

2.2、改动网络文件请求规则

使用场景:

1.在某些情况下指定了willow代理整个文件夹,但文件夹中一个文件须要使用本地文件,以便改动代码时能够及时查看。而且请求本地的资源时网址对应的更快。

2.某个文件请求须要被替换成还有一个外网地址

用法

图5右键willow项目,增添规则

图6输入匹配的地址路径。以及转为请求的路径

这里需注意的是Match中的URL必须以“/”结尾。以及Action的Path都必须以“/”结尾

三、抓取手机http请求(即用来移动端測试用途)

1.打开Fiddler,然后Tools-> Fiddler Options .切换至HTTPS面板,选中"Decrpt

HTTPS traffic",设置Fiddler能够截获HTTPS请求,如图5所看到的

图7设置抓取https请求

2.切换至Connections面板,选中"Allow remote computers to connect".同意别的机器把HTTP/HTTPS请求发送到Fiddler上来。之后重新启动fiddler生效,如图6所看到的:

图8同意远程设备连接。并记下port号

勾选Act as system proxy on startup。意思是说启动Fiddler的时候作为系统代理,这个可能会改动我们在IE中设置的浏览器代理配置,会导致我们不能上外网。

3.将手机与电脑接入同一个网络内。即连接同一个wifi,对于台式电脑须要一个无线网卡来连接公司的wifi,然后手机连接同一个wifi,然后在手机的wifi高级设置里面加入代理ip与port,代理ip是电脑在这个wifi下获取到的ip,将鼠标悬停至fiddler右上角的Online上,就会显示出本台电脑正在工作的全部ip。找出哪个是与手机处在同一个网络中的ip(假设使用无线网卡即选择无线网卡的ip),填入手机的代理server中。如图所看到的。

图9设置手机的代理ip与代理port

4.保存好之后。当用手机訪问网页。或者使用手机app訪问网络时。就能够在fiddler抓到手机发出的请求了。如图8所看到的。

图10fiddler中抓到的手机发出的http请求

继续阅读