原作者：coverguo
2、Fiddler使用
对于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所看到的。
2.切换至Connections面板，选中"Allow remote computers to connect".同意别的机器把HTTP/HTTPS请求发送到Fiddler上来。之后重新启动fiddler生效，如图6所看到的：
注：
勾选Act as system proxy on startup。意思是说启动Fiddler的时候作为系统代理，这个可能会改动我们在IE中设置的浏览器代理配置，会导致我们不能上外网。
3.将手机与电脑接入同一个网络内。即连接同一个wifi,对于台式电脑须要一个无线网卡来连接公司的wifi,然后手机连接同一个wifi，然后在手机的wifi高级设置里面加入代理ip与port，代理ip是电脑在这个wifi下获取到的ip，将鼠标悬停至fiddler右上角的Online上，就会显示出本台电脑正在工作的全部ip。找出哪个是与手机处在同一个网络中的ip（假设使用无线网卡即选择无线网卡的ip），填入手机的代理server中。如图所看到的。
4.保存好之后。当用手机訪问网页。或者使用手机app訪问网络时。就能够在fiddler抓到手机发出的请求了。如图8所看到的。
- 本文已收录于下面专栏：
相关文章推荐
-
net::ERR_PROXY_CONNECTION_FAILED
原来是手机网络设置了代理, 仅仅要把代理去掉就ok了
- FullStackDeveloper
- 2016-04-26 14:59
- 5444
-
Android webview显示net::ERR_PROXY_CONNECTION_FAILED解决方式
这段时间一直用手机连接WiFi測试APP。可是一直打不开webview的网页内容。一直显示net::ERR_PROXY_CONNECTION_FAILED假设变成了手机4G流量就能够打开。一直以为是网...
- DaJian35
- 2016-06-05 13:30
- 5884
-
fiddler+willow使用和配合真机測试调试
背景介绍： Fiddler是一个http协议调试代理工具，它可以记录并检查全部你的电脑和互联网之间的http通讯。设置断点。查看全部的“进出”Fiddler的数据（指cookie,html,js,c...
- JASMINECJC
- 2016-05-26 19:38
- 7658
-
Fiddler+willow使用指南
Fiddler是一个网络抓包工具，willow是一个Fiddler的插件，提供重定向和host主机等功能。安装Fiddler的安装包地址：fillder+willow解压后安装fiddler4和wil...
- mevicky
- 2015-12-13 19:12
- 6102
-
Fiddler安装配置方法抓取移动设备接口信息
这里补一篇fiddler的安装配置方法。 我用的是fiddler2。安装文件已经上传到资源。地址：http://download.csdn.net/detail/monkey7777/9162169 ...
- monkey7777
- 2015-12-04 14:55
- 671
-
Fiddler配置浏览器
Configure Browsers Clear Cache To ensure all requests are sent and captured, clear your browse...
- fabbychips
- 2017-03-18 11:23
- 266
-
CSDN日报20170725——《新的開始，从研究生到入职亚马逊》
開始适应新生活，也又一次開始走自己的学习节奏。希望渐渐能多写一些技术文章，继续学习进步！这篇“回归”的文章就先简要总结一下这一年半的经历吧，也算是给过去的生活画上个句号。
- blogdevteam
- 2017-07-25 18:21
- 39411
-
fiddler2抓包工具使用图文教程
一、软件简单介绍： 一款免费且功能强大的数据包抓取软件。它通过代理的方式获取程序http通讯的数据，可以用其检測网页和server的交互情况。可以记录全部client和server间的http请求。支持监视、设...
- u013372487
- 2016-01-27 01:15
- 10609
-
fiddler使用记录
纯粹好奇。小小实践了一下fiddler，分享一下~目的html5 项目使用微信浏览器訪问。出现bug，准备抓取请求分析一下
- idea_boy
- 2017-01-23 14:07
- 237
-
fiddler使用总结
在实习的时候实用到fiddler这个工具。平时关于fiddler的使用。多用于把文件映射到本地进行改动或开发。抓包这两个功能，今天去学习了一下。发现fiddler的功能远比知道的强大。既然是工具，...
- chensi16114
- 2017-06-09 12:55
- 163
0条评论