Freetao's Blog

360随身wifi在前端开发中的应用

移动开发中时常需要在移动设备中预览页面,原先的做法是拿root或越狱过的移动设备连接内网(SSID为17173.com的热点),通过修改host来访问页面。刷机改host本来就够麻烦的,对于刚出的系统(特别iPhone4s之后的iOS)还要等越狱的方法出来后才能实现。另外,即使完成上述步骤, 由于wifi分配的ip和工作机ip不在一个网段,仍无法访问本机开发环境。
推荐的做法是使用360随身wifi(花名“歪蛋蛋”),将工作机网络共享给移动设备,这就解决了跨网段无法访问工作机服务环境的问题;

进一步地,将移动设备的http代理设置为 工作机上通过httpmock开放的17173端口,这样宿主机host对移动设备也会生效。又省了在手机上用虚拟键盘输入host的麻烦事。
这种方法不仅方便,也对所有类型设备通用。
还有一个技巧是网址的传输,尤其是带参数的链接,原先的做法是手机登一个qq,电脑登另一个qq,通过qq消息发送。新的做法是使用书签栏工具:bmd.kainy.cn生成网址二维码,然后用微信或其他二维码读取工具读取。
本文为:17173UED学堂(第18期)分享内容的一部分,更多详情请移步:
http://kainy.github.io/slides/mobile-web-development-pit.html

Kainy Guo wechat
微信扫码,或订阅 Feed 解锁更多开发技能。