博客访问： 1191237
博文数量： 36
博客积分： 690
博客等级： 中士
技术积分： 3200
注册时间：
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功能，这块还没有做过研究，后续在深入研究一下。语法请参考
阅读(48222) | 评论(2) | 转发(4) |
相关热门文章
给主人留下些什么吧！~~
请登录后评论。Charles 抓包的工具。 - 张明炜 - ITeye技术网站
下面是整个链接。
/2013/08/something_about_charlesproxy/?utm_source=rss
Charles:移动端抓包工具安装使用和经验小结
从事移动互联网一年多的时间,等到去年才慢慢和开发打交道,由于创业公司人手不足,没有专门测试人员,很多时候产品人员QA质量验收的时候,就会面临黑盒测试测试不全面,通讯请求盲人摸象的局面.通过一段时间的摸索,找到了Charles这款适合移动端抓包工具,的确比之前方便了很多,主要体现在:
1.可以查看具体的请求链接,查看有没有多余对服务器的请求,能否更好的优化和服务器之间的通讯.
2.可以直接查看竞品或者其他优秀app的通讯使用的数据结构,精简自己的数据结构,方便节省流量和提升效率
3.可以直接查看统计请求,方便调试有没有入库,或当发生加载异常等情况时,可以第一时间发现问题而无需等开发人员进行真机调试才能判断是服务器还是客户端的问题.
鉴于以上优点,如果路过围观的小伙伴们对这些优点感兴趣又和我有一样的苦恼,不妨继续往下看,以下是安装过程和在使用中的一些经验.
1.下载并安装Charles.
mac版和window版都有,下载可以去Charles官网(),下载下来的是试用版(截止最新版本是3.7),虽然只是试用版有一定限制,比如开机delay10s,每隔5分钟提示你转为试用版,30分钟后强行关闭,但鉴于他强大的功能,30分钟其实已经足够.目前3.6在百度上有破解版,自行百度之.
2.配置Charles.
1)打开charles后,在proxy标签项关闭自身代理,此选项开启会抓取电脑的网络请求，影响我们测试。实际上我们在测试手机app并不需要，故关闭。
2)设置pc端代理。如下图选择proxy setting.如下图所示:
Proxies一项设置如下,默认端口为8888，用于手机连上代理的端口.
接下来SSL一项如下设置:
即允许ssl代理，下方的*.*是要通过add按钮添加进去的。在按”add”按钮之后两个输入框均输入”*”,”*”即可.
3) 设置允许代理的ip地址范围。打开proxy-&access control setting,如下：
将你允许的ip地址段填写进去。如下图：
确定自己要填的ip地址段，window使用cmd命令行
输入ipconfig回车 即可看到自己目前所在的ip，如192.168.0.108（首先这个ip地址最好是无线路由分配的），即可以设置为192.168.0.0/24.如此设置之后192.168.0.0~192.168.0.255的地址均可以访问你的电脑，通过你的电脑进行代理上网。如下图:
3.设置手机端的相关参数.
不同手机设置方法可能有所不同，以安卓手机（谷歌原生4.0以上系统）为例，进入系统设置-》网络，长按目前和pc端连接一样的路由名称，弹出修改网络，选择修改网络，如下：
按照以上截图选择显示高级选项。配置刚刚pc的ip地址，和端口即可。
然后关闭pc端的防火墙，测试是否连接电脑成功。（此步骤很重要）
测试方法：点击随便一个应用(笔者启动的是今日头条),看charles的Structure栏中有没有出现一些文件夹，类似下图，如果有则成功；
**********charles常用的一些功能介绍:
1） 忽略请求功能。由于某些时候我们只需要关注某一个应用的请求,所以过滤掉其他不需要显示的请求可以让我们集中精力在该应用.点击某行右键选择ignore（如下图），可以将此链接忽视，将干扰的网络请求屏蔽，防止影响我们测试:
2） 复制原链接。此功能可以复制请求的原链接，只要你使用Chrome浏览器安装了son viewer的插件，黏贴上去回车即可看到返回的数据结构。同时也方便于发给服务器的开发人员调试用。如下:
3） 清空捕获的网络请求，正常状态下在structure栏里按ctrl+a,然后按delete键，就可以清除所有捕获的网络请求，
4） 查看请求的相关数据。如下图，overview可以方便的看出请求的时间长短，请求的大小和返回数据的大小，即数据请求的大概情况；
Request用于查看请求的参数是否携带正确。如下图:
而response可以查看返回的数据结构是不是我们想要的，如下图，可以明确的看到拿到的封面数据是否正确。
当请求的是一张图片时，还可以直接用response-》image查看图片的尺寸和图片，方便我们确认是否下载正确，如下图:
注：使用代理无法访问一些安全验证网站如新浪微博绑定页面，目前android版使用代理直接访问在某些机器上会直接闪退关掉该页面，故需要绑定时请关闭代理之后再连接上代理验证。
*************Charles目前尚有问题的地方:
1.同样设置在一些机器可以捕获到Google Analytics的请求,但有些不行,暂时还找不到原因.
2.暂时无法捕捉到微信等请求,可能因为使用的协议不同所以无法捕获,这也是其局限性之一.
3.在一些机器开启charles捕获链接时使用新浪微博登录时会出现崩溃现象,原因也暂时不明.
如果小伙伴们有找到关于以上问题的答案也欢迎和我们分享下.
浏览 27020
浏览: 942585 次
来自: 开封
macd2666 写道录制出来的语音声音好轻啊。你好,这个编译 ...
macd2666 写道录制出来的语音声音好轻啊。
linker command failed with exit ...
/?page ...
录制出来的语音声音好轻啊。