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

基于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页面的区域。这些页面，可以选择缓存起来或者重新加载。一般情况上，业务功能上下操作步骤，缓存HTML是值得推荐的。 这种思路，仍然可以现在采用MVC的思想进行开发，如下图。AJAX是Js异常的基础，在跨平台html5开发中扮演重要角色（移动终端运行，可直接JSON,无需JSONP格式）。 操作触发，调用动态加载html文件的JS API，并考虑是否缓存该HTML片段(div片段缓存最简洁，但要记得清除，否则导致DIV累积过多)。 HTML文件内容，ajax方式等待装入响应数据，页面显示等待。 Ajax向后端服务取回数据，并调用回调js函数向HTML页面文件片段装入响应数据。 请求结束，等待提示消失。 遇到的问题 以下方案，在开发过程会遇到一些，供参考 Android4的版本，对html后？号字符没法识别。 Phonegap内部抛出错误，系cordova_x.js中setTimeOut方法调用频繁造成。 07-09 17:17:49.260: D/dalvikvm(7039): GC_CONCURRENT freed 386K, 55% free 2647K/5831K, external 0K/0K, paused 4ms+4ms 07-09 17:18:19.160: D/dalvikvm(7039): GC_CONCURRENT freed 385K, 55% free 2646K/5831K, external 0K/0K, paused 8ms+4ms 07-09 17:18:50.289: D/dalvikvm(7039): GC_CONCURRENT freed 384K, 55% free 2647K/5831K, external 0K/0K, paused 8ms+5ms 07-09 17:26:06.530: W/dalvikvm(7039): Last 10 entries in JNI local reference table: 07-09 17:26:06.530: W/dalvikvm(7039): 502: 0cls=Ljava/lang/String; (28 bytes) 07-09 17:26:06.530: W/dalvikvm(7039): 503: 0x405739c8 cls=Ljava/lang/String; (28 bytes) 07-09 17:26:06.530: W/dalvikvm(7039): 504: 0x40573b70 cls=Ljava/lang/String; (28 bytes) 07-09 17:26:06.530: W/dalvikvm(7039): 505: 0x40573ba8 cls=Ljava/lang/String; (28 bytes) 07-09 17:26:06.530: W/dalvikvm(7039): 506: 0x40573bf0 cls=Ljava/lang/String; (28 bytes) 07-09 17:26:06.530: W/dalvikvm(7039): 507: 0x40573d98 cls=Ljava/lang/String; (28 bytes) 07-09 17:26:06.530: W/dalvikvm(7039): 508: 0x4