Cordova 和 React-Native 对比

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

对比

跨平台特性

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

功能支持

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

风险程度

开发成本

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

运行速度

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

WebView问题

因为Android WebView和IOS的UIWebView内存泄露的问题。所以在选择内核的时候，使用原生的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 Mode和Crosswalk 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内核。如果手机没有安装腾讯相关软件。这个就不能使用。

劣势

推荐阅读

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

SUI Mobile。

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