搞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中。。。
分享到:
相关推荐
windows mobile开发环境搭建全过程 helloworld
mobile 开发环境搭建,如何搭建windows mobile开发环境
windows mobile6 WM6 开发环境搭建中文换将
详细讲解如何使用Visual Studio 进行Mobile页面开发
搭建windows mobile 开发环境
本文描述了如何搭建典型的Windows Mobile开发环境。介绍了相应的IDE、SDK及辅助开发工具的安装及常用配置,并对Windows Mobile下一代开发环境的发展前景做出展望。本文适合初次接触Windows Mobile开发的开发人员。
如何搭建windows mobile应用开发的环境
With this hands-on book, veteran mobile and web developer Maximiliano Firtman demonstrates which aspects of your site or app slow down the user’s experience, and what you can do to achieve lightning...
Head First Mobile Web shows how to use the web tech- nology you’re already familiar with to make sites and apps that work on any device of any size. Put your JavaScript, CSS media query, and ...
Windows mobile开发环境搭建指南
jquery mobile通过ajax访问web api2 接口,显示列表数据。
详细描述了windows mobile开发环境的搭配
Mobile App Development with Ionic 2: Cross-Platform Apps with Ionic, Angular, and Cordova by Chris Griffith English | 10 Apr. 2017 | ASIN: B06Y5Q24B2 | 310 Pages | AZW3 | 2.93 MB Learn how to build ...
如何使用ASP.NET Mobile Controls开发Mobile Web应用
Windows Mobile 贪吃蛇手机游戏开发 1——开发环境的搭建与测试(Hello World源码)
本书分为4篇,*篇是移动开发入门篇,介绍了jQuery Mobile、HTML 5和移动开发的一些基础知识,以及如何搭建开发环境;第二篇是jQuery Mobile基础篇,介绍了jQuery Mobile中对话框、工具栏、按钮、表单、布局和插件的...
移动Web的使用在呈爆炸式增长。很快,人们会更愿意在手机和平板电脑而不是PC机上浏览网页。...使用*的开发技术,包括响应式Web设计,以及利用WURFL完成服务器端设备检测;通过图片、谜题、故事和问答轻松学习。
手机app应用开发公司网站模板_手机 应用 app mobile app开发 公司 企业 宽屏 bootstrap 响应式 it手机app应用开发公司网站模板_手机 应用 app mobile app开发 公司 企业 宽屏 bootstrap 响应式 it