基于phoneGap与HTML5的移动应用.docVIP

基于honeGap的HTML5的移动应用 标题头。最主要的功能是显示标题以及返回功能。 正文。移动浏览器控件，android是WebView，ios是UIWebView。Webview视图原本是一种内置浏览器，上述提到的“页面滚动条”不复存在。而兼容型的问题，只要控制HTML样式写法，经过多平台测试也能降低。 导航。 以上结构采用原生语言布局实现，标题头、导航与正文之间存在交互，例如：改变标题文字。原生语言中Js与android java可以实现，android ios 也可以。 采用上述混合架构思路后，后续功能开发主要集中在应用实现部分。在正式开发前，还需要还需要考虑正文中的页面架构。 页面架构 在设计架构后，需要考虑团队如何开发的问题。曾研究sencha touch,发现其功能模块是一系列用js拼装html 字符串方式动态加入（没有深究，毕竟sencha touch源代码不开源，风险型无法评估）。这种方式让代码阅读变得模糊，毕竟识别Js字符串拼装方式有点不方便，特别是对于很复杂的页面结构。我仍想保持传统开发方式，由团队成员分功能开发html代码，由js动态加入html文件。页面结构如下图， 完整的应用界面为一个HTML页面，它除了维持页面样式的基本结构之外，最为主要的是内容div区域，它是动态加载业务功能对应的HTML页面的区域。这些页面，可以选择缓存起来或者重新加载。一般情况