现在安卓系统已经成为了世界第一大智能移动终端设备供应商。随着移动设备的用户越来越多,每天安卓设备的激活量都已经超过130万台,所以我们面向移动终端软件开发的WebAPP也开始跟进了。
下面,河南北大青鸟老师就为大家介绍一下移动终端开发中的webapp调试的几种可选方案。
1.weinre远程实时调试
Web开发者经常使用Firefox的firebug或者Chrome的开发人员工具进行Web调试,包括针对JavaScript,DOM元素和CSS样式的调试。
但是,当我们期望为移动Web站点或应用进行调试时,这些工具就很难派上用场。下面将介绍如此在日常工作使用它。
首先,我们要下载weinre的jar包;
然后通过运行dos命令来启动它(请注意在你的电脑上已经安装有JDK)。
运行命令如下,需要把路径改成你的实际文件位置:
java -jar d:toolsweinre-jarweinre.jar –httpPort 8081 –boundHost -all- //。
访问localhost:8081,如果看到如下的页面,说明weinre已经启动成功:
输入debug client user interface地址(调试客户端UI地址)。
2.AVD模拟器调试
静态页面并不能满足我们的需求,很多实际效果比如touch事件、滚动事件、键盘输入事件等,都需要在真实的环境下测试,这时就需要用到模拟器。
3.手机抓包与配host
在PC上,我们可以很方便地配host,但是手机上如何配host,这是一个问题。
这里主要使用fiddler和远程代理,实现手机配host的操作,具体操作如下:
首先,保证PC和移动设备在同一个局域网下;
然后,在PC上开启fiddler,并在设置中勾选“allow remote computers to connect”
再手机上设置代理,代理IP为PC的IP地址,端口为8888(这是fiddler的默认端口)。
最后,此时你会发现,用手机上网,走的其实是PC上的fiddler,所有的请求包都会在fiddler中列出来,配合willow使用,即可实现配host,甚至是反向代理的操作。
以上就是北大青鸟老师在移动终端软件开发中积累的一些调试经验,希望能够给大家一些帮助!