Cordova和React-Native對比

Cordova 和 React-Native 是使用 Web 開發移動端的兩大框架。 Cordova 是 Apache 旗下的。 React-Native 是 非死book 旗下的。兩者皆開源。下面的內容主要記錄了這兩大框架的優劣。以及移動端開發中有關 WebView 比較可行的幾種選擇。 Cordova文檔 ， React-Native文檔 。

對比

跨平臺特性

• Cordova: write once, run anywhere ( 一次開發，隨處運行)
• React-Native: Learn once, write anywhere ( 一次學習，隨處開發)

功能支持

• Cordova: 基本功能完全具備，對于底層，如攝像頭之類的，需要插件。
• React-Native: 完全支持。 Android 端不是很完善。

風險程度

• Native 比 cordova 高。

開發成本

• 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內核。如果手機沒有安裝騰訊相關軟件。這個就不能使用。

劣勢

1. 手機中必須安裝有騰訊的服務。

來自：http://blog.jiangtao.tech/2016/11/01/Cordova和React-Native對比/