简单搭建mobilewebapp开发环境.docx

泽思网络 上海APP开发商 简单搭建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 /tn/archives/1760 /url 这里有一个上面应用示例： url /firefox-user-agent-switcher/ /url Allen.M的这篇“adb通过wi