阿里云服务器免费领卷啦。

捡代码论坛-最全的游戏源码下载技术网站!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
关于源码区的附件失效或欺骗帖, 处理办法捡代码论坛官方微信,不定期分享免费优质资源下载
查看: 1008|回复: 8

使用前端开发利器Fiddler调试手机程序

[复制链接]

1495

主题

1678

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
58799
QQ
发表于 2016-1-8 13:58:45 | 显示全部楼层 |阅读模式
使用前端开发利器Fiddler调试手机程序

Fiddler是一个非常好用的web前端调试工具,它能记录客户端和服务器的http和https所有请求和响应,允许监视、设置断点,修改输入输出数据。与其他的抓包工具,例如wireshark、firebug等不同,Fiddler可以允许你在调试CGI接口时,修改返回的数据,也就是可以构造请求模拟响应

此外,Fiddler还可以支持模拟低速网络(如手机网络)过滤请求等等,安装了Willow插件以后你还可以轻松实现修改Host等操作。可惜的是目前Fiddler只支持Windows系统,没办法,毕竟是基于.net框架开发的嘛。

1. Fiddler的安装和配置

注意:由于Fiddler4是基于.net框架的,所以需要在自己的电脑上先安装.NetFrameWork,安装好了以后,就可以下载Fiddler4进行安装了。

  • 配置:打开将Fiddler,在菜单中选择Tools->Fiddler Options,如下图所示把Fiddler设为全局的监听,再把浏览器或者软件的的http proxy设置为127.0.0.1,端口设为8888。选择ok后,关闭Fiddler并重新打开Fiddler,就可以用Fiddler抓取本地所有的流量了。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerSetup.png

2. 抓取手机数据包

抓取手机数据包和抓去电脑上的数据包一样,只需要将手机的代理设置为Fiddler。

具体操作:让手机连接的wifi和你安装Fiddler的电脑处于同一网段,然后在手机的wifi设置中,选择高级选项,设置代理,指向你电脑的ip,端口设置为8888即可。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerWifiSetup.png

如上图所示,我电脑的ip是10.4.66.135,于是在手机连上wifi以后,勾选高级选项代理选择手动代理服务器主机名输入10.4.66.135,代理服务器端口输入8888,点击保存即可。

配置好以后,手机上所有网络请求和响应都会走Fiddler代理,这样就可以分析手机的网络流量了。我们在手机上打开一个大家熟悉的地址www.baidu.com,可以看到抓取的数据流量包了,Fiddler的工具栏看起来很复杂,如下图所示,稍微熟悉一下之后就会发现其实很简单。左侧界面是数据包按照时间顺序的列表,右边是对应每一个包的解析,我们可以看到详细的http header头文件以及表单、json数据等等。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerBaidu.png

3. 修改网络响应response

有的时候我们调试程序的时候,需要服务器返回新格式的数据,或者有时候发现原来的服务器上的某个js/css文件有问题,需要修改。如果这时我们要求同事帮忙修改文件,重新发布的话,将会非常麻烦,也可能会影响到现有的线上环境。对大公司来说,这不仅效率低下,而且一不小心就可能酿成大事故。所以通常的做法是在测试环境进行修改,然后等测试通过以后,再部署到线上环境中去。

但是有了Fiddler之后,我们可以直接在本地客户端进行调试了。通过Fiddler修改HTTP数据的特性,替换服务器发给我们的回包,等本地客户端调试通过以后再确认发布。说了一堆没用的,我们直接进入实战。

使用Fiddler修改网络响应包有两种操作:

  • 使用AutoResponder对回包进行重定向
  • 使用Willow插件管理重定向规则

这两种操作方法是一样的,都是对服务器返回的数据包(下面简称回包)进行规则的设置,使得回包被替换成我们指定的文件。不过Willow插件用起来比较方便,所以我们一般都会安装Willow插件。

现在我们以Willow插件为例介绍这个非常好用的回包替换功能,我这里安装的是1.4版的Willow,支持Fiddler4.0版本。安装了Willow插件的Fiddler,在右侧的网络数据解析界面上会多出一个Willow标签菜单,如下图所示。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerWillow.png

从图上看出,Willow的图标是一个小树,当回包重定向功能开启时,这颗小树会变成绿色,普通状态下小树是灰色的。

在下面的列表中,FiddlerTemp 1unclenought等都是一个一个的Willow project,这些project对应的是一组一组的规则,这里我们添加一个unclenought的project。在Willow菜单内右键可以选择Add ProjectEdit Project以及Add Rule等等。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerWillowMenus.png

其中我们最常用就是Add Rule功能了,通过这个我们可以设置一些规则,将回包进行重定向。右键选择Add Rule以后,我们在Match栏填写正则表达式来匹配网络请求,Action栏选择我们本地的一个文件来替换match栏对应的请求的回包,这里我选择了自己写的一个hello fiddler.html测试文件。记住,规则保存好了以后,必须勾选Willow菜单左上角的小勾,使得回包替换功能开启,确保Willow小树的图标变成了绿色的!

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerWillowRule.png

hello fiddler.html文件的代码如下:

                    hello fiddler                        hello fiddler   

此时我们在打开手机浏览器输入m.baidu.com以后,不会再看到正常的百度首页,而是本地文件的hello fiddler.html测试页面了。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 helloFiddler.png

再回到Fiddler左侧的流量包界面,我们可以看到命中的数据包被标注为黄色了。因此我们判断自己定义的规则是否生效,可以看看数据包是不是被标为黄色了。此外由于,Fiddler回包替换的规则支持正则表达式,所以有时写的规则不一定是完全正确的,大家要多检查下rule中设置规则。

使用前端开发利器Fiddler调试手机程序 捡代码论坛-专业源码分享下载 fiddlerCatchU.png

此外Fiddler还支持修改Host的功能,通过Willow插件可以一键修改,方法也是在Willow菜单下,右键点选一个project,选择Add Host,填写需要替换domainip地址即可。关于Fiddler的基本使用就介绍这些,至于断点调试等等,以后有机会再补充!


Fiddler下载地址:http://www.telerik.com/fiddler



Willow插件下载
游客,如果您要查看本帖隐藏内容请回复





捡代码论坛-最全的游戏源码下载技术网站! - 论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本站所有主题由该帖子作者发表,该帖子作者与捡代码论坛-最全的游戏源码下载技术网站!享有帖子相关版权
3、捡代码论坛版权,详细了解请点击。

回复

使用道具 举报

8

主题

15

帖子

316

积分

中级会员

Rank: 3Rank: 3

积分
316
发表于 2016-1-11 09:46:51 | 显示全部楼层
使用前端开发利器Fiddler调试手机程序
回复 支持 反对

使用道具 举报

1495

主题

1678

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
58799
QQ
 楼主| 发表于 2016-1-11 09:58:16 | 显示全部楼层
不错。。。。
回复

使用道具 举报

1495

主题

1678

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
58799
QQ
 楼主| 发表于 2016-1-11 13:14:31 | 显示全部楼层
回复

使用道具 举报

0

主题

18

帖子

92

积分

微信用户

Rank: 1

积分
92
发表于 2016-4-7 11:34:45 | 显示全部楼层
瞅瞅
回复

使用道具 举报

0

主题

96

帖子

745

积分

高级会员

Rank: 4

积分
745
发表于 2017-1-6 00:20:27 | 显示全部楼层
这个资源不错。感谢楼主!……来自于捡代码论坛
回复 支持 反对

使用道具 举报

0

主题

70

帖子

178

积分

注册会员

Rank: 2

积分
178
发表于 2017-1-13 12:31:31 来自手机 | 显示全部楼层
感谢楼主
回复

使用道具 举报

3

主题

154

帖子

1405

积分

金牌会员

Rank: 6Rank: 6

积分
1405
发表于 2017-1-22 09:04:52 | 显示全部楼层
不错,下载看看,。……来自于捡代码论坛
回复 支持 反对

使用道具 举报

0

主题

64

帖子

470

积分

中级会员

Rank: 3Rank: 3

积分
470
发表于 2017-12-8 12:24:19 | 显示全部楼层
顶顶顶顶顶顶顶顶顶顶顶顶
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

支付宝红包
技术支持
在线咨询
QQ咨询
3351529868

QQ|RSS订阅|Archiver|手机版|小黑屋|捡代码论坛-专业源码分享下载 ( 陕ICP备15015195号-1

GMT+8, 2018-1-21 08:43 , Processed in 0.113179 second(s), 34 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表