本来,手机客户端webview的开发环境与普通web开发的区别并不大,无非是浏览器不同而已,但为了能够像用firebug一样,用客户端查看webview页面时,能时时的看到网络请求,并且,在不换客户端的情况下,可以让客户端连接本地开发服务器,无疑将对开发过程有很大帮助。
1. 让客户端链接本地服务,在mac环境下,还是比较简单的:
首先,Airport改为internet共享模式,然后让手机的wifi链接你的Airport,这样,手机所有的网络请求都要经过你的mac才能出去。然后再通过修改hosts,讲客户端webview的请求转到别的服务器,比如本地开发环境上。具体的做法如下:
1). 先关闭Airport,打开 系统偏好设置–》共享–》internet共享,在右侧选择“Airport”,在弹出框中输入网络名称、密码,再选中左侧的“internet共享”~~~mac端设置完毕
2). 打开手机(iphone)wifi设置,选择你刚才共享的网络
3). 修改mac的hosts。比如你以太网的ip是 192.168.1.1,客户端webview的访问的域名是 webview.test.com,修改hosts,添加一行“192.168.1.1 webview.test.com”,注意,不是localhost
over~~~这一条,可是我独创的呀
2. 像firebug一样监控手机的网络请求
1). 在上面前两步的基础上,还需要一个工具:paros。paros的官网已经被墙了,但可以点这里下载,下载paros-3.2.13-unix.zip,解压,执行里面的sh,可以看到它的界面,在tools–》options中选择local proxy,在Address 中输入AirPort的ip地址,输入端口8080。此时AirPort的ip地址,可以在mac的 系统偏好设置–》网络 中找到,比如: “AirPort”有自分配的 IP 地址“169.214.26.22”
2). 打开手机的wifi设置,选择Airport,选择“手动”,在服务器和端口中,输入你前一步的ip和端口
ok,经过这些设置,你口可以在paros中监控手机的所有网络请求了啦~~
(windows的用户要看是否可以将无线网络改为internet共享,否则,上面的两条都做不到)
——–
参考:http://www.cnblogs.com/ydhliphonedev/archive/2011/10/27/2226935.html