Maison > interface Web > Tutoriel H5 > 如何利用HTML&JS等前端知识开发Android应用?

如何利用HTML&JS等前端知识开发Android应用?

WBOY
Libérer: 2016-06-07 08:43:41
original
1981 Les gens l'ont consulté

我是一条即将毕业的大四狗,目前在一家网络公司做前端开发的实习生,每天也算充实。可是想到毕业设计就头痛。
我选的题目是“基于Android平台的选课系统的设计与实现”,看上去很简单的一个题目,但显然不是我所擅长的,兴趣不在此。不过看到利用HTML5等前端知识也可以开发Android应用,甚是欢喜。
眼瞅着毕业临近,时间紧迫啊。想问一下各位,在短时间内如果想利用前端开发的方式去做这样一个不是很复杂的Android应用,应该还需要看一些什么内容、补充一些什么知识、查阅一些什么书籍、资料?
不求深挖,能够解燃眉之急即可。
因为Google到的结果都是英文,看着略吃力,便来知乎寻求帮忙。
好人一生平安!

回复内容:

用phonegap吧,可以实现,我这个就是用phonegap做的,完全用html5,css3,jsavascript。xiaoxin.im
很多人问用phonegap开发的利弊,在此统一回复大家,目前来看,使用webkit内核的安卓是很卡顿的,不能用于商业开发,而安卓4.4.4以上,使用chromium内核的,非常流畅,在体验上和原生没有什么差距。以下是对phonegap技术的调研分析:
如何利用HTML&JS等前端知识开发Android应用? 目前来说最好的方法还是使用phonegap,appcan的话由于是闭源的商业化运行,不适合毕业设计。phonegap只是支撑你的app的骨骼,真正的肌肉系统还是写js,业界一般选择JQuery,但是实际应用中效率比较坑。考虑效率建议使用appFramework,但是其文档凌乱而且不全面,搞毕业设计完全不用。
其实难度不在app,而在后台 只是为了应付毕业设计的话:
1.Phonegap
2.JqueryMobile

如果你觉得Phonegap仍然很麻烦的话,可以使用JqueryMobile单纯的做一个MobileWeb页面,然后Android端简单的用WebView包装一下,伪装成一个APP的样子。

请参考:
jQuery Mobile Demos

--------------------------------------
Html+js 开发的App体验较差,如果没有特殊要求,不建议使用。 用HBuilder,你连环境都不用装,专心写HTML+JS+CSS就可以了。
DCloud HBuilder-做最好的HTML5开发工具 好是好!天翼掌厅就是这么做得。
问题是js一旦通过phonegap/Cordova调用了本机资源后,该网页就不能Debug跟踪了,只能靠打印log来调试了。
而且js文件很长后,不像Java那么好读。

请问大家有没有好办法? 试一下firefox os吧,app就是网页 在里面用个webvie控件做web啊,然后服务端用个jqm之类的juqery库,当作web开发就好了 phonegap/Cordova,debug的话考虑用4.4.2+的安卓机 握爪!我的毕业设计也是重修选课系统,不过是web端~哈哈
之前也是优先考虑Phonegap的 基于Android平台的选课系统的设计与实现,这个题目基本上是不需要调用移动设备的硬件的。直接使用phonegap就可以完成。phonegap的文档(3.4.0)是有繁体中文版的,另外,英文也是很简单的,你基本做前端开发都能看得懂的英文。
但是,作为毕业设计,我建议还是用android原生代码写比较好。又花不了你多少时间,顺便也能了解了解android开发,对你以后的项目是很有帮助的。
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal