Cordova和React-Native对比

CordovaReact-Native是使用Web开发移动端的两大框架。CordovaApache旗下的。React-NativeFacebook旗下的。两者皆开源。下面的内容主要记录了这两大框架的优劣。以及移动端开发中有关WebView比较可行的几种选择。Cordova文档React-Native文档

对比

跨平台特性

  • Cordova: write once, run anywhere ( 一次开发,随处运行)
  • React-Native: Learn once, write anywhere ( 一次学习,随处开发)

功能支持

  • Cordova:基本功能完全具备,对于底层,如摄像头之类的,需要插件。
  • React-Native:完全支持。Android端不是很完善。

风险程度

  • Nativecordova高。

开发成本

  • Cordova:完全基于html,css,js。写一次代码,两个平台都适用。
  • React-Native: 具有相同语法体系,但需要根据不同平台编写不同代码。

运行速度

  • Cordova: 相对较慢
  • React-Native:Native基本相当。

WebView问题

因为Android WebViewIOSUIWebView内存泄露的问题。所以在选择内核的时候,使用原生的WebView内存泄露很明显。并且不易解决。IOS8+之前,同样有大量内存泄露。分别看一下Android和IOS系统比例图:

  • Android

  • IOS

如果要考虑Android4.4以下的设备和IOS8+设备。因为前后的运行内核不一。性能不一。以及国内厂商对于系统的深度定制,不同的渲染。app最好有专门的内核。保证拥有一致性的体验。有如下几个选择:

使用Crosswalk开源web引擎。

优势

  1. 更丰富的HTML5特性支持。包括WebGL,WebAudio,WebRTC,Gamepad,WebSocket等等。
  2. 使用Crosswalk可以保持平台的一致性。

劣势

  1. 打包后的app体积增加20M-30M
  2. Crosswalk lite针对上面第一条,CrossWalk提出了Shared ModeCrosswalk lite解决方案。体积可以减少到只增加10M左右。

使用腾讯TBS浏览服务

优势

  1. 速度快:相比系统webView的网页加载速度有近30%的提升。
  2. 大小只有 253K。
  3. 省流量:云端优化技术使流量节省20%。
  4. 更安全:24小时安全问题解决机制。
  5. 更稳定:经过亿级用户的使用考验,CRASH率0.15%。
  6. 集成强大的视频播放器,支持各种视频格式直接打开。
  7. 适屏排版、字体设置等浏览增强功能的提供。
  8. Html5更完整支持。
  9. 无系统内核的碎片化问题,更少的兼容性问题劣势。
  10. X5SDK是通过调用微信/手机QQ/空间的X5内核。如果手机没有安装腾讯相关软件。这个就不能使用。

劣势

  1. 手机中必须安装有腾讯的服务。

推荐阅读

ionic ,react-native , native 移动端开发对比

SUI Mobile

7个优秀的国内外移动端web框架(http://codecloud.net/9427.html)。

Tags:

Add a Comment

电子邮件地址不会被公开。 必填项已用*标注