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

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


1 代理原理


1.1 不使用代理

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

1.2 使用代理原理

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


2 下载Fiddler

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


3 配置Fiddler

选择 Tools >Fildder Options

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


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


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


4 重启Fiddler

关闭Fiddler:File > Exit;

打开Fiddler:在开始菜单中搜索Fiddler。(默认没有创建桌面快捷方式,可以将它发送到桌面快捷方式)


5 配置手机

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

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


5.2 ios手机配置代理。(配置代理,192.2.2.153:9999)

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


5.3 安卓手机配置代理。(配置代理,192.2.2.153:9999)

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


6 使用

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

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


6.2 手机使用代理。

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

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


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

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


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");
}


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


7.2 在手机*问dev.www.clevercode.com

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

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

上一篇:微信小程序开发基础(一)「配置」与「逻辑层」


下一篇:部分设备在微信内无法播放audio的解决方案