我为什么从PhoneGap中逃离

每一位程序员都有自己的技术信仰，我也不例外。但当技术信仰遇到实际工作中的问题时，你又要怎么做呢？还记得刚刚接触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延迟效果差，易崩溃