<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title="使用Fiddler2调试监控手机页面HTTP请求" id="card1">
<p> 游客</p><p>
标题:使用Fiddler2调试监控手机页面HTTP请求<br/>
正文:<br/>
从事前端开发的同学一定对Fiddler不陌生，它是一个非常强大的http(s)协议分析工具，如果你不知道它是什么，可以自行google一下，本文不再作科普，简单的说它可以代替Chrome开发人员工具中Network面板或Firefox的HttpWatch插件的功能。我们知道如何在电脑上调试页面请求，但在手机端你没有这么多强大好用的调试工具来调试你的webapp，如果你需要查看在手机上打开页面时，所产生的http请求却又不知道怎么做，那就继续往下看。（当然，大部分情况下，你可以直接在电脑上用Chrome或Firefox模拟手机浏览器来看）Fiddler支持代理的功能，也就是说你所有的http请求都可以通过它来转发，Fiddler代理默认使用端口8888，不知道的同学有可能因此无法使用翻墙，因为端口冲突。利用这点，我们可以在手机端设置http代理为Fiddler的代理服务器，使得手机应用的请求都通过Fiddler来转发，从而实现查看手机端页面请求的功能。首先我们打开Fiddler-&amp;gt;Tools-&amp;gt;Fiddler Options在Connection面板里将Allow remote computers to connect勾选起来，确定后，关闭Fiddler并重新打开Fiddler。fiddler options此时，为了确保代理是正常工作的，我们可以在cmd里执行netstat -anop tcp查看Fiddler进程是否正常监听8888端口，如果服务没有正常开启，可以尝试使用其他端口，端口修改的位置，如上图位置。fiddler proxy从上图我们看到，进程ID为8392的Fiddler正在监听8888端口，说明代理已经在工作了。那么接下来我们要把手机端的代理设置为Fiddler的代理，代理设置需要一个ip和一个端口，ip就是Fiddler所运行的电脑的局域网ip地址，端口默认是Fiddler代理的端口8888，请确保手机所在的网段可以访问到电脑所在的网段，同一个局域网里一般没什么问题。wifi setting我的手机刷的是MIUI，设置代理比较简单，直接在对应的WIFI中设置一下就可以了。手机代理设置不懂的也可以留言或自行查找相关资料。接下来让我们来测试一下效果。在手机端打开豆瓣，看下Fiddler监听到的请求：web testing&amp;nbsp<br/><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1907&amp;Page=1">[&lt;&lt;]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1907&amp;Page=1">[[1]]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1907&amp;Page=2">[2]</a><a href="http://camnpr.com/wap.asp?mode=WAP&amp;act=View&amp;id=1907&amp;Page=2">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=1907">查看评论(0)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=1907">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://camnpr.com/wap.asp">首页</a>
</p>
</card>
</wml>