使用Fiddler调试手机页面请求
2014-03-14 10:18
232 查看
转自:http://ju.outofmemory.cn/entry/22854
从事前端开发的同学一定对Fiddler不陌生,它是一个非常强大的http(s)协议分析工具,如果你不知道它是什么,可以自行google一下,本文不再作科普,简单的说它可以代替Chrome开发人员工具中Network面板或Firefox的HttpWatch插件的功能。
我们知道如何在电脑上调试页面请求,但在手机端你没有这么多强大好用的调试工具来调试你的webapp,如果你需要查看在手机上打开页面时,所产生的http请求却又不知道怎么做,那就继续往下看。(当然,大部分情况下,你可以直接在电脑上用Chrome或Firefox模拟手机浏览器来看)
Fiddler支持代理的功能,也就是说你所有的http请求都可以通过它来转发,Fiddler代理默认使用端口8888,不知道的同学有可能因此无法使用翻墙,因为端口冲突。
利用这点,我们可以在手机端设置http代理为Fiddler的代理服务器,使得手机应用的请求都通过Fiddler来转发,从而实现查看手机端页面请求的功能。
首先我们打开Fiddler->Tools->Fiddler Options在Connection面板里将Allow remote computers to connect勾选起来,确定后,关闭Fiddler并重新打开Fiddler。
fiddler options
此时,为了确保代理是正常工作的,我们可以在cmd里执行
(在cmd里执行
fiddler proxy
从上图我们看到,进程ID为8392的Fiddler正在监听8888端口,说明代理已经在工作了。那么接下来我们要把手机端的代理设置为Fiddler的代理,代理设置需要一个ip和一个端口,ip就是Fiddler所运行的电脑的局域网ip地址,端口默认是Fiddler代理的端口8888,请确保手机所在的网段可以访问到电脑所在的网段,同一个局域网里一般没什么问题。
wifi setting
我的手机刷的是MIUI,设置代理比较简单,直接在对应的WIFI中设置一下就可以了。手机代理设置不懂的也可以留言或自行查找相关资料。接下来让我们来测试一下效果。
在手机端打开豆瓣,看下Fiddler监听到的请求:
web testing
正如我们所期望的,你可以开始调试你的手机端webapp请求了。
fiddler request
FAQ:
1.为什么我访问页面提示代理服务器连接失败?
在确认所有设置都没有错的情况下,可以尝试关闭防火墙或带防火墙功能的杀毒软件,如果关闭后可以访问,可以在防火墙设置里为Fiddler放行。
本文出自:http://i.wanz.im, 原文地址:http://i.wanz.im/2013/04/30/debugging_http_request_with_fiddler/,
感谢原作者分享。
从事前端开发的同学一定对Fiddler不陌生,它是一个非常强大的http(s)协议分析工具,如果你不知道它是什么,可以自行google一下,本文不再作科普,简单的说它可以代替Chrome开发人员工具中Network面板或Firefox的HttpWatch插件的功能。
我们知道如何在电脑上调试页面请求,但在手机端你没有这么多强大好用的调试工具来调试你的webapp,如果你需要查看在手机上打开页面时,所产生的http请求却又不知道怎么做,那就继续往下看。(当然,大部分情况下,你可以直接在电脑上用Chrome或Firefox模拟手机浏览器来看)
Fiddler支持代理的功能,也就是说你所有的http请求都可以通过它来转发,Fiddler代理默认使用端口8888,不知道的同学有可能因此无法使用翻墙,因为端口冲突。
利用这点,我们可以在手机端设置http代理为Fiddler的代理服务器,使得手机应用的请求都通过Fiddler来转发,从而实现查看手机端页面请求的功能。
首先我们打开Fiddler->Tools->Fiddler Options在Connection面板里将Allow remote computers to connect勾选起来,确定后,关闭Fiddler并重新打开Fiddler。
fiddler options
此时,为了确保代理是正常工作的,我们可以在cmd里执行
netstat -anop tcp查看Fiddler进程是否正常监听8888端口,如果服务没有正常开启,可以尝试使用其他端口,端口修改的位置,如上图位置。
(在cmd里执行
netstat -anop tcp后,如果报“‘netstat' 不是内部或外部命令,也不是可运行的程序”,则输入cd c:\windows\system32,再输入你那个命令,看能不能执行。详见:http://zhidao.baidu.com/link?url=wkCcWjTBE7n_QC4kHMKpqHL10j6I4HOCncRtjr7xUtw98JcsOv9qcyZlVH-75p7lO8Pjbb6PLKDYqupzFRlGcq)
fiddler proxy
从上图我们看到,进程ID为8392的Fiddler正在监听8888端口,说明代理已经在工作了。那么接下来我们要把手机端的代理设置为Fiddler的代理,代理设置需要一个ip和一个端口,ip就是Fiddler所运行的电脑的局域网ip地址,端口默认是Fiddler代理的端口8888,请确保手机所在的网段可以访问到电脑所在的网段,同一个局域网里一般没什么问题。
wifi setting
我的手机刷的是MIUI,设置代理比较简单,直接在对应的WIFI中设置一下就可以了。手机代理设置不懂的也可以留言或自行查找相关资料。接下来让我们来测试一下效果。
在手机端打开豆瓣,看下Fiddler监听到的请求:
web testing
正如我们所期望的,你可以开始调试你的手机端webapp请求了。
fiddler request
FAQ:
1.为什么我访问页面提示代理服务器连接失败?
在确认所有设置都没有错的情况下,可以尝试关闭防火墙或带防火墙功能的杀毒软件,如果关闭后可以访问,可以在防火墙设置里为Fiddler放行。
本文出自:http://i.wanz.im, 原文地址:http://i.wanz.im/2013/04/30/debugging_http_request_with_fiddler/,
感谢原作者分享。
相关文章推荐
- 使用Fiddler调试手机页面请求
- 使用Fiddler调试手机页面请求(推荐阅读)
- 使用Fiddler调试手机页面请求信息查看!
- 使用Fiddler调试手机页面请求
- 使用Fiddler调试手机页面请求
- 使用Fiddler调试手机请求调用webapp
- 使用Fiddler调试手机端页面请求/抓包
- 使用Fiddler代理调试本地手机页面
- 使用 Fiddler 代理调试本地手机页面
- 使用 Fiddler 代理调试本地手机页面
- 使用fiddler4做代理调试手机页面
- 使用firefox浏览器在手机上调试页面
- 使用Fiddler抓取手机请求
- 如何使用H5判断登录页面手机号码长度是否正确和账号密码不能为空,从而减少对服务器的请求(注册也一样)
- 博客园 首页 新随笔 联系 订阅 管理 如何使用电脑上的谷歌浏览器来调试安卓手机上的移动端页面
- 使用chrome调试手机,平板,pc上各种浏览器上的页面
- 使用eclipse+fiddler+微信web开发者工具调试本地微信页面
- 使用fiddler监听手机请求并且设置过滤
- 使用Fiddler抓取模拟器APP的请求,并转发到本地调试
- 手机测试环境调试 -- 微信,Android,IOS开发使用Fiddler代理