基于HTML5移动APP应用开发教程 - 图文

基于HTML5移动APP应用开发教程

之前有一些学员问小编：有没有基于HTML5移动app的开发教程或者文字分析?

小编立即将问题反馈给我们的技术老师，技术老师也是先从网上看了一大堆，觉得介绍也不是特别详细，所以自己就结合自己的经验和学习写了一篇文章，文章总共分为上下两部分，我们先来看看第一个! 一 摘要

现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练,只要大家能看懂html,js代码,就可以轻松创建一个基于HTML5 webAPP应用.

二 整体效果

三 整个框架图

四 具体实现 1.页面引导图

第一步 manifest.json参数设置 如图:

第二步 在index.html(这个文件相当于iOS中的app delegate.m)加上引导图代码

第三步 在 mui.plusReady加载的函数中去调用该方法

页面启动图差不多完成了. 2.导航实现

(注意:哪个页面需要导航就往哪个页面加上一句导航代码)

3.tabbar 设置

具体tabbar选项卡要实现什么功能,就在相对应的文件写代码就可以了. 五 结论

差不过,整个框架就完成了,非常简单,不过现在做HTML5开发出来的APP还是非常的卡,用在手机上.整个APP设计原理跟iOS,安卓开发都非常的像,学过iOS或安卓的人一看就会明白。