手机测试环境调试 -- 微信,Android，IOS开发使用Fiddler代理

CleverCode最近在做微信开发。在调试内网用手机调试微信公众号开发的时候，发现访问触屏版配置host页面非常麻烦。最好找到一个代理工具Fiddler。

 

1 代理原理

 

1.1 不使用代理

1.2 使用代理原理

 

2 下载Fiddler

http://download.csdn.net/detail/clevercode/9562122

 

3 配置Fiddler

选择 Tools >Fildder Options

 

 

 

4 重启Fiddler

关闭Fiddler：File > Exit;

打开Fiddler：在开始菜单中搜索Fiddler。（默认没有创建桌面快捷方式，可以将它发送到桌面快捷方式）

 

5 配置手机

5.1 获取安装Fiddler的机器的ip。IP：192.2.2.153。

 

5.2 ios手机配置代理。（配置代理，192.2.2.153：9999）

 

5.3 安卓手机配置代理。（配置代理，192.2.2.153：9999）

 

Android手机，长按已连接网络后选择高级选项或直接点击已连接网络（手机不同，进入设置的方式也不同）。

 

6 使用

 

6.1 电脑浏览器使用使用代理。当启动Fiddler。访问的网页都会走代理。

 

6.2 手机使用代理。

1 在Fiddler的机器上配置开发环境的host。

 

2 在手机上访问dev.www.clevercode.com。最后代理就会访问192.168.1.100机器。

 

 

7 Fiddler显示IP

7.1 首先 我们打开 fiddler配置js脚本

点击 Rules -> Customize Rules…



然后会出现一个 CustomRules.js 文本,


ctrl + f 搜索 “static function Main()”

用下面的脚本替换原来的脚本
 

static function Main() {
    var today: Date = new Date();
    FiddlerObject.StatusText = " CustomRules.js was loaded at: " + today;


    // Uncomment to add a "Server" column containing the response "Server" header, if present
    // UI.lvSessions.AddBoundColumn("Server", 50, "@response.server");


    // Uncomment to add a global hotkey (Win+G) that invokes the ExecAction method below...
    // UI.RegisterCustomHotkey(HotkeyModifiers.Windows, Keys.G, "screenshot"); 
    FiddlerObject.UI.lvSessions.AddBoundColumn("Server IP", 120, "X-HostIP");
}

 

 

 

 

7.2 在手机上访问dev.www.clevercode.com

 

技术交流

CleverCode是一名架构师，技术交流，咨询问题，请加CleverCode创建的qq群(架构师俱乐部)：517133582。加群和腾讯，阿里，百度，新浪等公司的架构师交流。【架构师俱乐部】宗旨：帮助你成长为架构师！