简单搭建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中。。。

评论

2 楼 lixinlixin2008 2010-11-12  

嘿嘿，在抄袭Google maps api V3，V3就能在手鸡上跑，速度还不错，街景图也能在手鸡上跑，嘿嘿，领导让我的js maps 也能在手鸡上跑~~~

1 楼 zhouyrt 2010-11-12  

嘿嘿，提前进入移动开发了。