码迷,mamicode.com
首页 > 其他好文 > 详细

Fiddler使用

时间:2016-04-22 18:54:25      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

2Fiddler使用

对于web开发,Fiddler十分重要,Fiddler是最强大最好用的Web调试工具之一,它能记录所有客户端和服务器的httphttps请求,允许你监视,设置断点,甚至修改输入输出数据使用Fiddler无论对开发还是测试来说,都有很大的帮助.

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

2.1、使用fiddler修改hosts

连接cgi以及测试时,经常需要修改hostsfiddler中添加Willow插件,就可以轻松修改hosts。首先安装fiddler,然后再安装Willow,全部傻瓜式安装即可。

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

技术分享

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

点击Willow进入willow标签页,在空白处点击右键,新建工程,如所示:

技术分享

2willow标签中新建工程

在刚刚新建的工程名字上点击右键,然后选择添加hosts,如所示:

技术分享

3添加hosts

在刚刚新建的工程名字上点击右键,然后选择添加hosts,如所示:

技术分享

4输入ip与域名

2.2、修改网络文件请求规则
使用场景:
1.在某些情况下指定了willow代理整个目录,但目录中一个文件需要使用本地文件,以便修改代码时可以及时查看,并且请求本地的资源时网址相应的更快。

2.某个文件请求需要被替换成另一个外网地址
使用方法:


技术分享

5右键willow项目,增添规则

 

技术分享

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

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


三、抓取手机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允许远程设备连接,并记下端口号

注:

技术分享

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

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

技术分享

9设置手机的代理ip与代理端口

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

技术分享

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

Fiddler使用

标签:

原文地址:http://blog.csdn.net/zhulin2609/article/details/51217209

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!