我为什么要从PhoneGap中逃离? 
 
摘要:每一位程序员都有自己的技术信仰,我也不例外。但当技术信仰遇到实际工作中的问题时,你又要怎么做呢?还记得刚刚接触HTML5做跨平台开发的时候这样的问题就摆在了我面前。 
我是一名移动应用的开发者,从JAVA 为主的Android到以Objective-C为主的iOS最后到以HTML5为主的跨平台开发,我已经走过了五年多的时光,而我也从一个底层的码农成长为项目负责人。 
每一位程序员都有自己的技术信仰,我也不例外。但当技术信仰遇到实际工作中的问题时,你又要怎么做呢?还记得刚刚接触HTML5做跨平台开发的时候这样的问题就摆在了我面前。当初公司决定选择PhoneGap作为核心框架,不过在之后的工作中就慢慢觉得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引擎问题的分析: 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中逃离

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

  2. Phonegap中自定义插件的使用

    在phonegap中需要实现特定相关的功能,可能需要自定义扩展一下功能,那么扩展phonegap组件就成为了可能. 源代码结构图: 本文目的在于讲述怎么扩展一个phonegap组件以及实现. 针对ph ...

  3. 小白学phoneGap《构建跨平台APP:phoneGap移动应用实战》连载一(PhoneGap中的API)

    之前本博连载过<构建跨平台APP:jQuery Mobile移动应用实战>一书.深受移动开发入门人员的喜爱. 从如今開始,连载它的孪生姐妹书phoneGap移动应用实战一书,希望以前是小白 ...

  4. phoneGap 中修改生成APP的名字

    最近忙着研究移动开发的事情,去学习了一下移动开发的东西,例如eclipse和phoneGap进行配合使用,感觉还是不错的,先针对eclipse和phoneGa的平台搭建这里先不在详细说啦,主要还是我们 ...

  5. Phonegap中插件管理

    一.cordova-plugin-console控制台插件的使用 1.进入工程路径后,输入如下命令: cordova plugin add cordova-plugin-console 2. 查看插件 ...

  6. PhoneGap中navigator.notification.confirm的用法详解

    navigator.notification.confirm('您确定要退出程序吗?', showConfirm, '退出程序', '确定,取消'); function showConfirm(but ...

  7. phonegap中使用自带浏览器打开链接

    <center><a id="ssl2" href="#" onclick="window.open('http://127.0.0 ...

  8. Phonegap项目中禁用WebViewBounce

    UIWebView是iOS SDK中一个最常用的控件,在PhoneGap中,默认也是使用UIWebView作为默认视图显示我们的HTML应用的.   在使用PhoneGap的项目中,默认WebView ...

  9. PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网>看引擎>开源产品 0人收藏此文章, 发表于8小时前(2013-09-06 00:39) ...

  10. phonegap与H5中的接口对比

    接口 HTML5 phonegap 差异 地理定位 geolocation 单次定位: navigator.geolocation.getCurrentPosition(Success, [error ...

随机推荐

  1. docker-compose单服务器部署ELK

    docker-compose 部署ELK 本项目采用的ELK版本为6.5.3,7.0+ 以上的版本部分配置不适合,请查看docker-compose多服务器部署ELK文章 目录结构 elk |--do ...

  2. 第四章 VIVIM编辑器

    1. 是什么 ‍ VI 是 Unix 操作系统和类 Unix 操作系统中最通用的文本编辑器. ‍ VIM 编辑器是从 VI 发展出来的一个性能更强大的文本编辑器. ‍ 2. 一般模式 ‍ 以 vi/v ...

  3. 一文了解Go语言的I/O接口设计

    1. 引言 I/O 操作在编程中扮演着至关重要的角色.它涉及程序与外部世界之间的数据交换,允许程序从外部,如键盘.文件.网络等地方读取数据,也能够将外界输入的数据重新写入到目标位置中.使得程序能够与外 ...

  4. 写博文之必备技能MarkDown

    前言 Markdown是一种轻量级标记语言,排版语法简洁,让人们更多地关注内容本身而非排版.它使用易读易写的纯文本格式编写文档,可与HTML混编,可导出 HTML.PDF 以及本身的 .md 格式的文 ...

  5. Java杂记————object.getClass()和object.class以及Java中的toString()方法的的区别

    不说废话,直接上干货: (注意大小写:object为对象,Object为类) 1,object.getClass()它是Object类的实例方法,返回一个对象运行时的类的Class对象,换句话说,它返 ...

  6. Vmware安装Deepin20

    一.搭建环境 虚拟机:Vmware Workstation pro 17 Windows版本 镜像:Deepin 20 二.创建虚拟机 1.点击创建新的虚拟机,选择典型 2.选择稍后安装 3.选择li ...

  7. 为什么使用ioutil.ReadAll 函数需要注意

    1. 引言 当我们需要将数据一次性加载到内存中,ioutil.ReadAll 函数是一个方便的选择,但是ioutil.ReadAll 的使用是需要注意的. 在这篇文章中,我们将首先对ioutil.Re ...

  8. 手写call&apply&bind

    在这里对call,apply,bind函数进行简单的封装 封装主要思想:给对象一个临时函数来调用,调用完毕后删除该临时函数对应的属性 call函数封装 function pliCall(fn, obj ...

  9. Windows电脑环境变量(用户变量、系统变量)的修改

      本文介绍在Windows 10操作系统中,进行用户变量.系统变量等两种环境变量的新建.修改与删除的详细方法.   在很多时候,我们需要对Windows电脑的环境变量加以修改,例如安装一些专业软件. ...

  10. Java_Day17_作业

    1:需求:递归删除带内容的目录 假设删除当前项目下的目录:demo,demo中可以有文件夹自己给出 2:需求:请大家把E:\JavaSE目录下所有的java结尾的文件的绝对路径给输出在控制台. 3:下 ...