使用Fiddler搭建手机调试环境(我作得项目是调试微信的公众号)

部份内容参考:http://ju.outofmemory.cn/entry/22854chrome

咱们在测试微信企业号的时候,因为微信的限制,不能把它拿到chrome浏览器中进行调试,因此就不能实时的看到页面变化状况,于是咱们就须要一个可以随时查看咱们页面变化的工具。虽然使用Fiddler也是存在一些问题,仍是不能直接在咱们的浏览器里面调试,可是相比较于将修改后的页面上传到服务器,而后在用手机进行请求,简单了不少。浏览器

1.首先咱们须要安装一个fiddler,汉化不汉化的均可以,我给你们提供一个没有汉化的。连接:http://pan.baidu.com/s/1miuGbyS 密码:kjjg ,直接一溜肯定,安装就行。安装完毕之后,咱们进行如下设置。Fiddler代理默认使用端口8888,咱们在手机端设置http代理为Fiddler的代理服务器(一会下面有具体的步骤),使得手机应用的请求都经过Fiddler来转发,从而实现查看手机端页面请求的功能。服务器

           1)设置Fiddler的options。微信

                          打开Fiddler->Tools->Fiddler Options在Connection面板里将Allow remote computers to connect勾选起来,肯定后,关闭Fiddler并从新打开Fiddler。网络

         2)此时,为了确保代理是正常工做的,咱们能够在cmd里执行netstat -anop tcp查看Fiddler进程是否正常监听8888端口,若是服务没有正常开启,能够尝试使用其余端口,端口修改的位置(能够在上一步里面直接修改)。tcp

咱们先打开任务管理器查看如下咱们Fiddler的PID代码是多少。打开任务管理器的快捷键是Ctrl+shift+ESC,正常状态下如图所示,咱们的Fiddler.exe的PID是3156,若是你的这个界面里面没有PID这一项,接着往下看。工具

 

 

在任务管理页面,选择查看--选择列,把PID那一栏打上对号,如图所示,这样在任务管理界面就有PID了。测试

 

打开咱们的cmd,执行netstat -anop tcp命令,以下图所示,咱们能够看到,PID为3156,正在监听8888端口。那么接下来咱们要把手机端的代理设置为Fiddler的代理,代理设置须要一个ip和一个端口,ip就是Fiddler所运行的电脑(安装Fiddler的电脑)的局域网ip地址,端口默认是Fiddler代理的端口8888,请确保手机所在的网段能够访问到电脑所在的网段,同一个局域网里通常没什么问题(电脑用宽带,手机用wifi,一个网就行)。网站

 

 

2.查看咱们安装fiddler软件的电脑的ip,如图所示,个人电脑ip是192.168.1.12,由于我用的是公司的网络,ip是天天动态获取的,因此若是咱们不把ip换成固定的,就得每次使用fiddler的时候本身在手动的修改一下。spa

 

 

 

 

3.给咱们的手机设置代理,访问 192.168.1.12:8888,我用的是三星的s7,直接在连接的wifi上面长按就能够,代理主机名是咱们的电脑网络的ip,代理服务器端口是咱们fiddler监听的那个,如图所示

                                                                            

 

4.最后,咱们须要配置一下咱们电脑的hosts文件,路径以下,

 

将咱们的电脑ip写入,后面跟的是咱们要调试的那个网页的网址。

 

这样咱们就能够调试咱们的手极端的页面了。

5.问题:咱们设置好了fiddler之后,再访问https协议的网站的时候,可能会出现下面的问题,如图:

这个问题形成咱们不能正常访问一些网站内容,好比百度,阿里等等,这是由于咱们的fiddler开启了监听https,在设置里面把对号去掉就好了。在fiddler页面,点击Tools--Telerik Fiddler Option--HTTPS,把监控https通道(decrypt HTTPS traffic)的那个对号去掉

相关文章
相关标签/搜索