本帖子已过去太久远了，不再提供回复功能。博客访问： 1240089
博文数量： 36
博客积分： 690
博客等级： 中士
技术积分： 3220
注册时间：
IT168企业级官微
微信号：IT168qiye
系统架构师大会
微信号：SACC2013
分类： JavaScript
& & & &最近在使用fiddler，发现这个真是非常最犀利的web调试工具，笔者这里强烈推荐给大家；fiddler不管是对开发还是测试，还是产品；都是不可多得的工具；开发用来抓包定位问题; 测试用来抓包，回放测试记录，构造发包用例。产品用来抓包记录现场。
在介绍这一利器之前，我们先瞻仰一下他的作者Eric&Eric目前就职于微软。。fiddler最新版本下载地址。
相信很多人遇到和笔者类似的经历，好不容易找到个破解版本的httpwatch，却该版本发现其不支持chrome或firefox。或者想要构造发包请求，却又要换到firefox，因为firefox有比较多得这样插件。另外想要抓起手机获取其他平台如MAC，目前同类型的工具中，比较少有会对其全面兼容支持。
所以笔者推荐这款fiddler工具，主要看中其三点优势：1、功能强大，其他工具有的功能它也有，其他工具没有的功能它也有，支持http，https，ftp等协议；2、完全免费，长期免费。3、所有的浏览器可以使用，所有的平台都可以使用。就冲着这三点，就值得拥有。
Fiddler功能太多，本人也只是在平时工作用用到他的部分功能，也没有深入全面的研究，这篇文字只是抛砖引玉，有兴趣的可以全面仔细的研究该工具。本文主要内容介绍工作中常用的五个常用功能点：
1、 用fiddler 抓http(s)的包，保存，回放。
2、 使用fiddler配置host
3、 查看每次请求的IP。
4、 使用fiddler构造请求Post包。
5、 使用fiddler的统计功能，观察server性能；
6、使用fiddler中断功能，进行调试跟踪
在介绍fiddler使用方法之前，我想先介绍一下fiddler原理，明白原理后，使用起来会更得心应手。
&&&&& 由上图可以看出，Fiddler使用代理方式，让客户端所有数据流都发给它，然后有钱转发给目标server，目标server的回包发给fiddler，再由fiddler转发给客户端。所以不管是Request还是Respone数据包都经过了fiddler，fiddler能进行截获和分析。正是他这样架构优势，才有其其他工具无法做到的强大功能，其不光是支持这些浏览器的抓包，还支持一些客户端的http(s)抓包，前提是这些client支持http代理配置。
& &先介绍一下Fiddler界面布局介绍：
1、 抓包，保存，回放
启动fiddler，不需要对浏览器做任何配置，自动开启了抓包的功能，fiddler状态栏是开启开关，值得一提的是fiddler做的比较人性化，启动时候自动配置浏览器的proxy项。在Tools-》WinNet Options这里可以查看，也可以在IE选项里面查看。fiddler在退出的时候自动关闭
& & &另外我们一般情况下不需要看所有的http请求，需要过滤抓到的包：根据需要对url关键字或内容关键字进行过滤，这里就需要使用filter配置了
& &&保存或记录：选择左侧栏的session；然后File-》Save保存，fiddler使用.saz文件扩展名
& &&回放：选择file –》 load archive；点击工具栏replay，回放；
2、 使用fiddler配置host
这个功能主要作用就是不需要每次配置hosts都到windows目录下去修改hosts文件；可以直接方便在fiddler界面里面配置即可；方便快速的配置自己的测试host。
3、 查看每次请求的server ip 和端口
&&我们知道，每个域名会对应多个ip，我们一般不能直接看出这次请求是发到那台机器上去了，yng每次分配请求ip是dns轮询的，有时候想要确定请求是发到哪个机器上。Fiddler支持脚本开发功能，扩展自定义菜单。这里使用脚本加上显示ip的功能。
修改完后，重启fiddler；抓包，选择一条session，右键选择Properties，这样就会打开一个记事本，里面有X-HOST指示server的IP，如下图：
如果觉得每次点击打开一个记事本比较麻烦，还可以把IP显示在Session列里面，按照下面步骤去配置
&Step1 ：打开菜单Rules-》customize R 打开CustomRules.
&Step2 ：查找” var m_AlwaysFresh: boolean =”这一行；添加这段代码& && &
public static RulesOption("Show Server IP", "Per&formance")
&&&&&&&&&&&&&&&&&var m_ShowServerIP: boolean = false;
&step3：找到OnBeforeResponse函数，添加下面这段代码
if (m_ShowServerIP){
&&&&&&&&&&&&&&& oSession['ui-customcolumn'] += ' ' + oSession.m_hostIP;
&&&&&&&&&&& }
& &如图所示
&&Step4：配置完后，重启fiddler，打开Rules-》Performance-》show server IP；可以看到每个request的ip
4、 使用Fiddler构造Http请求Post包。
开发的时候有时候想测试Post的接口，但是无法使用浏览器测试，因为浏览器只能输入GET请求；所以经常需要自己写一些代码或使用firefox一些插件来完成post请求动作；现在有fiddler横空出世，这一切都不再是问题。使用composer构造Post请求，点击execute发送请求，如下图
5、 使用fiddler统计功能，能统计数据量，按host统计请求数，一个请求从连接到收发包，关闭各个阶段的时间统计，这些数据对优化网站，分析性能非常有帮助；
6、 使用fiddler调试中断功能
这个功能可以在数据包发送之前，修改请求参数；在收到应答包，在js解析和浏览器渲染之前，修改返回结果。有了这个功能，开发者就可以修改不同参数测试server，同时也可以修改返回包测试自己的js函数，或测试页面渲染。使用者功能要用到fiddler的命令行。因为这个菜单里面是中断所有的请求
如果我们要中断某个cgi的请求，就使用命令行，命令行的介绍请参考，譬如我们要调试CU网站，可以输入 bpu . 中断请求
& &&&在querystring里面修改请求参数,&如果要中断应答 则使用 bpafter
PS：fiddler最强大的功能还是其FiddlerScrip功能，这块还没有做过研究，后续在深入研究一下。语法请参考
阅读(49752) | 评论(2) | 转发(4) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。[微信开发利器]微信内移动前端开发抓包调试工具fiddler使用教程
在朋友圈看到一款疯转的H5小游戏,想要copy,什么?只能在微信里打开?小样,图样图森破,限制了oauth、微信浏览器内打开,照样能看你源码~使用fiddler来抓包需要先做一些简单的准备工作:一台带有无线网卡的PC或者笔记本电脑，然后将电脑和手机连接到同一个Wi-Fi网络中，并且保证二者是在同一个ip网段内的；在电脑上安装 ;打开Fiddler在菜单栏中点击 Tools - Fiddler Options - Connections 中按照如下配置后重启下fiddler：很好理解,即允许远程设备使用本机联网.好了,可以重启fiddler软件了,重启完毕后把软件最大窗口,不然你可能看不懂怎么没有找到那个该死的Online图标?在工具条的最右边,鼠标移到那个Online上,看图:(转载请注明出处:)找到无线局域网内分配到本机的ip,上图是192.168.0.4.具体各位自行找到,不要找错了,确定后才能有用.重点来了,掏出手机,打开手机的网络设置,把网络设置中的代理设置为192.168.0.4,端口号填8888.以IOS手机为例,&设置&-&&Wi-Fi&,看图,点那个&i&:找到&HTTP代理&,选择&手动&,填上电脑的IP(192.168.0.4)和端口(8888),看图:(转载请注明出处:)好了,现在正常情况下用手机产生http请求的数据都会在电脑上的fiddler上显示出来了,如果不行请自行排查IP是否设错,或者是不是没有同处于一个局域网下,或者没有开启fiddler的允许远程用8888端口访问网络...这些个前提要确认好.如果对方是https的怎么办?没问题,装个扩展插件:&步骤如下:安装
用来抓HTTPS的数据包；打开Fiddler，点击菜单栏上的 Tools - Fiddler Options - HTTPS,勾选上Decrypt HTTPS traffic ，然后重启Fiddler；打开手机，访问本机IP+8888，例如：192.168.0.4:8888, 点击 You can download the FiddlerRoot certificate 按照提示，在手机上安装证书，重启手机浏览器。好了,https照样能抓了.接下来教大家如何看源码.再装一个扩展:Syntax-Highlighting Add-Ons,下载地址都在上面那个地址里了,找一下就有了,安装上重启fiddler.实战操作演练https://open./connect/oauth2/authorize?appid=wx6fdf0&redirect_uri=http%3A%2F%%2Findex.php%2FHuoDong%2FFlowhongbao%2Findex&response_type=code&scope=snsapi_base&state=123&connect_redirect=1#wechat_redirect&以这个活动为例,在电脑上是打不开的,但是在微信里面能打开,因为有oauth2.0嘛.在手机的微信中打开此链接,会在fiddler软件里显示全部http请求哦,看图:(转载请注明出处:)这个看到了吧,就是那么简单,js,html,图片都会显示出来的,看源码可以说是不费吹灰之力,仿佛是和用Chrome浏览器F12看源码一样,哦呵呵呵~双击上图圈出来的url,右侧会把详情显示出来,点&SyntaxView&且看下图:(转载请注明出处:)这时你可能要叫起来了,艹艹艹擦哦,怎么是乱码?骚年,Don't worry.没看到上面还有句英文写着吗?翻译过来大概意思也就是说:&响应可能需要解码才能看,点我格式下他&(不要吐槽我的英文,只可意会不可言传).就是让你点它呗,点了你会发现,amazing!好了,都是看得懂的东西了,我也就不废话了,其他的JS文件一样能看的,还帮你格式化过了.其实呢,我等用fiddler工具用来抄袭别人的源码,是侮辱了这个工具的强大性,因为fiddler还能替换掉请求的某个加载文件,达到调试方便的目的,具体使用方法大家自行查阅相关资料.话又说回来,中国的网民和用户，不管你的内容来自哪里，他们只管有没有得到我想要的东西。所以“原创”这个东西……此段摘自卢松松的感慨(转载请注明出处:)
猿资猿味 (C) 版权所有，保留一切权利 · 基于构建 (C)温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
我很简单！
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
打开如图所示的HTTPS配置项：&点击Export Rppt Certifica to Desktop &:桌面上多了一个证书：下面就是将证书导入：点击开始-运行，输入：mmc,打开如下图所示页面，点击红框菜单&&最后点击完成，确定！&&&&&选择之前导出的证书文件，一路到底！配置完毕！&
阅读(11322)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
loftPermalink:'',
id:'fks_',
blogTitle:'如何配置能让fiddler抓去https的请求？',
blogAbstract:'1、打开fiddler，&&Tools&&Fiddler Options，打开如图所示的HTTPS配置项：&点击Export Rppt Certifica to Desktop &:',
blogTag:'https,fiddler',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:7,
publishTime:4,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'我很简单！',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}