我为什么从PhoneGap中逃离

HTML5资讯手机阅读

　　我是一名移动应用的开发者，从JAVA 为主的Android到以Objective-C为主的iOS最后到以HTML5为主的跨平台开发，我已经走过了五年多的时光，而我也从一个底层的码农成长为项目负责人。

　　每一位程序员都有自己的技术信仰，我也不例外。但当技术信仰遇到实际工作中的问题时，你又要怎么做呢?还记得刚刚接触HTML5做跨平台开发的时候这样的问题就摆在了我面前。

　　当初公司决定选择PhoneGap作为核心框架，不过在之后的工作中就慢慢觉得PhoneGap并不像人们说的那么好，至少在我的项目中的表现不是那么完美。

　　从项目研发到整体的UI体验，随之而来的各种问题都有待解决。你可以嘲笑我，也可以说我根本不懂，不过在应用开发的过程中任何的问题都不可忽视。

　　项目研发

　　在项目研发中主要是开发环境与应用实现，不过PhoneGap在终端平台的支持与应用打包上也出现了些问题。

　　1.支持终端平台

　　表面上来看，PhoneGap支持的平台数量最多。但是在实际开发过程中，不管用什么平台开发，除去平台封装的扩展对象，完全遵循W3C标准，也不可能完全运行在多个平台上，所以说跨多个平台是不现实的，还是需要针对不同的平台进行实现。

　　2.开发环境

　　在应用开发的过程中，开发环境至关重要，但是PhoneGap没有自己的IDE开发环境，官方推荐一些公开的第三方html编辑软件(第三方编辑器不可能将PhoneGap所做的JS扩展表现出来)。

　　对开发者来讲，用PhoneGap开发并不是单纯的html + css + javascript的开发，要进行PhoneGap开发，开发者必须要下载以上7个平台厂商所提供的开发环境，IDE等(这个PhoneGap官网有描述)，环境搭建完成后方可进行模拟调试，对于没有接触过手机开发的web开发者而言，还需要学习很新的东西，入门门槛太高，开发难度无疑要加大。

　　3.打包部署

　　做过应用开发的人都知道，基于开发环境必须针对不同的SDK进行开发，所以打包部部署步骤比较繁琐，而且每个平台要在不同的环境下操作。最近推出在线打包，但是需要付费购买使用的。

　　4.应用的实现

　　当进行应用实现的时候，使用PhoneGap开发应用必须在网页当中引用一个JS包，才能使用本地扩展对象。过多过大(例如再引用JQ)的JS包引用将加重引擎的负担，从而影响应用性能和用户体验，所有UI完全依靠html和css完成。

　　不仅如此，手机上的webkit存在IFrame不支持height属性，css样式不支持z-index，position，overflow等属性的硬伤，也就是页面的区域滚动在正常网页布局下是无法做到的，只能依赖JS或者native UI。不幸的是PhoneGap把这个问题留给了我们开发者，开发者只能选择JS。在页面滚动上用JS效率是相当低的，尤其在android的中低端手机上表现更为明显。

　　用户体验

　　用户体验是每一个应用是否能够立足生存，被用户所接受并长期使用的原因，所以导致PhoneGap在用户体验上有一定的差距，这里我主要是对PhoneGap引擎问题的分析：

　　1. 平台稳定性差

　　从PhoneGap公布的源代码和一些用PhoneGap开发出来的应用体验上来看，PhoneGap是没有经过完整而系统的测试的，或者还没有进行过机型的适配，还存在很多的BUG，许多应用有手机平台版本的限制等等。

　　并且因为开源，不断有开发者往上提交代码，各平台的兼容和同一平台不同版本之间的兼容问题在PhoneGap开发上会越来越大。UI上最明显的问题就是页面被放大。Android平台的webkit会根据手机设备屏幕的分辨率，密度，大小等条件来对网页进行0.75～ 1.5倍的缩放，以适应屏幕。这意味着在不更改webkit缩放比例的情况下，若网页当中写了类似width:10px; 时，实际上可能变成了10 * 1.5。同时，在带有输入框的页面当中，一旦选中输入框，页面立即会出现再被放大的效果，并且放大后无法缩回，导致用户看到的UI效果跟开发者想要的想要的效果相差较大。

　　2. 对国内厂商终端的适配差

　　PhoneGap现有功能上有多处存在不完善。比如定位功能，在关闭GPS，GPRS，WIFI、系统基于网络定位设置的情况下(此时连接了WIFI)，是无法获取到地理位置的，国内手机厂商的手机经常崩溃或运行错误，所以用户体验差。

　　3. 不支持多窗口与动画卡顿

　　在整体UI上，PhoneGap开发过程中自始至终只存在一个窗口，也就是所有的网页都运行在这个窗口当中的，比如窗口的切换，过度等的动画效果，使用JS和CSS3可以实现一些动画效果，效率是很低的，并且只局限于当前网页内，至少在现阶段部分设备硬件配备还没跟上之前是这样的，而且除IOS以外的终端设备，厂商繁多，参差不齐，更难确保做出来的应用能够良好的运行在各个平台，所以用户体验不好。

　　4. UI延迟效果差，易崩溃

　　从PhoneGap开源出来的代码架构来看，PhoneGap本身的机制会导致UI上有一定的延迟，在不改现有架构的基础上这个问题是不可避免的。比如传感器的速度明显过慢，照相机打开拍照后回调时间过长等，这些都是在非常简单的网页下的表现效果。由于PhoneGap本身基于开源策略架构(利于开发者往上扩充功能)和在JS层面做了大量工作的原因，PhoneGap开发无论在iPhone还是在Android上都并没有走本身平台所特有的JS扩展方式，而是采取了线程休眠，暂停浏览器timer等方式来获取回调，直接导致延迟。另外，如照相机接口，PhoneGap返回给用户的并不是类似于文件存储地址的字符串，而是将相片转为了二进制发给用户，导致这个操作非常耗资源，并且时间消耗很长，在图片大的情况下，还有可能因为OutOfMemorySize异常而引起应用直接崩溃。

　　也许这些问题在你的团队中称不上什么问题，但是在一个资源不是那么丰富的团队中这些问题就显得尤为突出。而且，在应用开发的过程中各种细节问题都不可忽略，追求完美的应用要从细节做起。虽然PhoneGap可以实现很多跨平台应用的开发，但开发者尤其是项目统筹人员在选择框架的时候一定要三思而后行。

【我为什么从PhoneGap中逃离】相关文章

1. 我为什么从PhoneGap中逃离

2. Jquery Mobile html5 phonegap中 js 跨域请求数据实现增删查

3. phonegap教程第9讲 Jquery Mobile 面板（panel）

4. phonegap教程第8讲 Jquery Mobile中流式布局，网格布局以及响应式布局教程 ...

5. phonegap教程第二讲 Jquery Mobile页面与对话框

6. phonegap教程第三讲 Jquery Mobile中的按钮

7. PhoneGap教程第四讲 Jquery Mobile中的表单与列表

8. phonegap教程第六讲 Jquery Mobile默认主题以及自定义主题

9. jQuery Mobile 以及PhoneGap开发在线公开课

10. phonegap教程第7讲 Jquery Mobile插件（上）