简单搭建mobile web app开发环境
搞mobile web app开发的前端攻城师一定很郁闷,没有firebug,没有IE chrome safari opera自带的强大的调试工具。还要面对最少两个os:IOS和android,n部手鸡,多个版本,不同版本和手鸡之间还可能有不同的bug。
我自己调试的环境如下:
andrord可以拿虚拟机运行,缺点是性能比实际的性能要差,无法在速度上模拟出真实的手鸡效果。 好处是不用买N个手鸡,设置hosts也比较方便。
chrome lite虽然没有safari mobile那样的控制台输出,但是在DDMS的LogCat输出里面会输出js报错信息,同样console.log也会在LogCat中输出。
由于android官网被和谐,所以装android开发环境会比较慢,两步:
1,下ADT9.9 这个不大,网上也很多,很容易能搞定,下载以后作为eclipse插件安装即可(需要eclipse3.4以上版本,3.6版本貌似有问题,所以我选择了3.5)
2,下Android SDK,由于官网被和谐,所以只能从别的网站下载,由于很多网站提供的SDK都有些问题,这里推荐还是先下载SDK setup,然后更新,更新会比较慢,一晚上差不多搞定。SDK setup不能更新的话可以去网上搜索一下方法,很容易能搞定,不需要翻(和谐)墙。
android其它问题:
1,虚拟机搞定之后就可以修改hosts了,祭出abd很容易能搞定,网上文章也很多,也许会遇到
failed to copy 'hosts' to '/system/etc/hosts': No space left on device
failed to copy 'hosts' to '/system/etc/hosts': Out of memory
之类的错误,
网上都有解决办法,很容易找到。
2,为sdcard里面拷贝文件,例如html文件,祭出mksdcard创建sdcark,然后用adb随意就可以传文件了,或者用图形化界面的DDMS。反正就是一些Linux的命令。在android里面访问这些文件推荐下个文件管理器之类的,比如andexplorer和Astro之类的,有的文件管理软件权限更高,不过俺也用不上,俺就用andexplorer,Google很容易下载到,不用Astro是因为下载到的都不好用。通过abd安装到虚拟机就ok。
3,建议不要设置模拟器的内存大小,默认的就可以,设置了模拟器大小之后模拟器和电脑都很慢。。。至少我的2G内存电脑是这样的
4.其实很多命令也要懂一下的,比如获取avd的ID之类的,你不会总是用图形用户界面的
____________________关于IOS
由于没有mac电脑,虚拟不出iphone,直接借的真机(IPhone3G)。。。Iphone比android好些,
支持svg,并且可以打开一个开发者选项,js报错信息就会显示,还能有控制台输
出,这些android只能在LogCat里面输出。。。
________________________________________________错误信息的输出
safari mobile可以输出js html css错误信息,而chrome lite只能输出js错误信息,这方面safari mobile强大一些。console.log两者都支持
另外,鼠标只有一个,多点触摸的应用只能拿调试器直接连手鸡了。。。
另外,pc上的浏览器也可以尝试修改UA,各大浏览器修改UA的方法如下:
[url]
http://www.path8.net/tn/archives/1760
[/url]
这里有一个上面应用示例:
[url]
http://www.maizidi.com/firefox-user-agent-switcher/
[/url]
Allen.M的这篇“adb通过wifi连接 milestone” 的文章很有意思~~~
http://blog.allenm.me/2010/10/adb-connect-milestone-wieless/
总结:由于比较忙,所以写的很乱,希望大家可以留言,我再补充和完善,谢谢。
。。
迷上了android开发,学习Scala中。。。 1 楼 zhouyrt 2010-11-12 嘿嘿,提前进入移动开发了。 2 楼 lixinlixin2008 2010-11-12 嘿嘿,在抄袭Google maps api V3,V3就能在手鸡上跑,速度还不错,街景图也能在手鸡上跑,嘿嘿,领导让我的js maps 也能在手鸡上跑~~~