問題：

從研發(fā)cordova混編App開發(fā)開始，不同安卓版本手機(jī)上的兼容性問題就困擾著研發(fā)的童鞋們。Cordova使用的web引擎是手機(jī)系統(tǒng)自帶的WebView，兼容性問題很多都是安卓不同版本的系統(tǒng)webview的差異導(dǎo)致的，有可能是安卓系統(tǒng)的問題，也有可能是手機(jī)廠商修改webkit帶來的問題，這些問題從前端技術(shù)層面是很難解決的，修改和測試成本都非常高。

瀏覽器內(nèi)核介紹

如果細(xì)分的話，目前全球僅有四個獨立的瀏覽器內(nèi)核，分別為微軟IE的Trident、網(wǎng)景最初研發(fā)后賣給Mozilla基金會并演化成火狐的Gecko、KDE的開源內(nèi)核Webkit以及Opera(歐朋)的Presto。其中，Presto是歷史最悠久的內(nèi)核。

整體歸納下幾種內(nèi)核的優(yōu)缺點吧：

1.Trident:因為在早期IE占有大量的市場份額，所以以前有很多網(wǎng)頁是根據(jù)這個Trident的標(biāo)準(zhǔn)來編寫的，但是實際上這個內(nèi)核對真正的網(wǎng)頁標(biāo)準(zhǔn)支持不是很好，同時存在許多安全Bug。
2.Gecko:優(yōu)點就是功能強(qiáng)大、豐富，可以支持很多復(fù)雜網(wǎng)頁效果和瀏覽器擴(kuò)展接口，缺點是消耗很多的資源，比如內(nèi)存。
3.Webkit:優(yōu)點就是Webkit擁有清晰的源碼結(jié)構(gòu)、極快的渲染速度，缺點是對網(wǎng)頁代碼的兼容性較低，會使一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁無法正確顯示。
4.Presto：Presto內(nèi)核被稱為公認(rèn)的瀏覽網(wǎng)頁速度最快的內(nèi)核，同時也是處理JS腳本最兼容的內(nèi)核，能在Windows、Mac及Linux操作系統(tǒng)下完美運行。

移動端瀏覽器

目前微軟的Trident在移動終端上主要為WP系統(tǒng)內(nèi)置瀏覽器，Webkit內(nèi)核的適用范圍則較為廣泛，Android原生瀏覽器、蘋果的Safari、谷歌的Chrome(Android4.0使用)都是基于Webkit開源內(nèi)核開發(fā)的。
目前，移動設(shè)備瀏覽器上常用的內(nèi)核有Webkit，Blink，Trident，Gecko等，其中iPhone和iPad等蘋果iOS平臺主要是WebKit，Android 4.4之前的Android系統(tǒng)瀏覽器內(nèi)核是WebKit，Android4.4系統(tǒng)瀏覽器切換到了Chromium(內(nèi)核是Webkit的分支Blink)，Windows Phone 8系統(tǒng)瀏覽器內(nèi)核是Trident。

從實際情況出發(fā)：

對于Android手機(jī)而言，使用率最高的就是Webkit內(nèi)核，我們看到很多手機(jī)瀏覽器廠商都宣稱有著自主內(nèi)核，比如手機(jī)UC就號稱采用了U3內(nèi)核、而華為也經(jīng)常標(biāo)榜自己的天天瀏覽器采用了T9內(nèi)核，事實上，他們都是基于開源內(nèi)核Webkit進(jìn)行二次開發(fā)的，并不是完全的自主內(nèi)核。
而在iOS以及WP7平臺上，由于系統(tǒng)封閉，不允許除系統(tǒng)自帶瀏覽器內(nèi)核以外的瀏覽器內(nèi)核進(jìn)入，因此各家瀏覽器的開發(fā)均為在Safari或者IE內(nèi)核的基礎(chǔ)上進(jìn)行二次開發(fā)，優(yōu)化功能和自制UI。

微信6.1版本以上的android用戶，都是使用的QQ瀏覽器的X5內(nèi)核。5.4-6.1之間的版本，若用戶安裝了QQ瀏覽器就是使用的X5內(nèi)核，若用戶未安裝瀏覽器，使用的是系統(tǒng)內(nèi)核。
QQ瀏覽器的X5內(nèi)核基于 Blink內(nèi)核

cordova應(yīng)用內(nèi)核

Cordova(PhoneGap)，作為第三方的HTML5應(yīng)用開發(fā)框架工具的代表，極大促進(jìn)了HTML5應(yīng)用的發(fā)展。它提供了方便的跨平臺應(yīng)用打包/發(fā)布服務(wù)、實用的API、靈活的擴(kuò)展機(jī)制、以及積累下來的豐富的第三方API實現(xiàn)。然而Cordova使用的web引擎是系統(tǒng)的WebView。如果開發(fā)者正在使用Cordova并且渴望更好的性能和更新的功能，如WebGL，更換內(nèi)核是個不錯的選擇。

終極解決方案

通過使用統(tǒng)一webkit內(nèi)核的大招來解決，目前有2個方案可選，使用Crosswalk內(nèi)核 或 騰訊瀏覽服務(wù)X5內(nèi)核。

1.Crosswalk內(nèi)核

熟悉Cordova生態(tài)圈的朋友可能聽說過Crosswalk，[Crosswalk]是Intel維護(hù)的Webkit開源項目，可以通過插件安裝命令安裝，是一個很好的選擇。

$ cordova plugin add cordova-plugin-crosswalk-webview

Crosswalk支持開發(fā)者在Cordova中用Crosswalk替換原生的Android WebView，并將兩者完美的融合。當(dāng)然，它仍然支持Crodova的擴(kuò)展機(jī)制，不過如果web應(yīng)用對擴(kuò)展的性能要求較高， 采用Crosswalk自帶的擴(kuò)展機(jī)制是更好的選擇。
它的缺點就是太大了，集成后apk會增加20M，在安裝后會解壓縮到100M+，首次安裝還需要解壓縮時間，造成的用戶體驗甚是不好。一系列的問題就跟著來了，解壓縮需要時間，如果操作快了，或者CPU性能不行，打開Hybrid頁面就會出現(xiàn)Application Error等問題。還有些機(jī)型如魅族，安裝Crosswalk后，就會Crash，讓研發(fā)的童鞋更是摸不著頭腦。

不過在我做過的兩個app中，確實是通過Crosswalk解決了一些魅族和華為的問題，也出現(xiàn)過報錯App打開失?。ㄖ怀霈F(xiàn)過一次）

2.騰訊瀏覽服務(wù)X5內(nèi)核。

騰訊瀏覽服務(wù)X5,它是直接使用微信/手機(jī)QQ/空間的X5瀏覽器內(nèi)核的，SDK只有250k，因此可以放心使用。鑒于這幾個產(chǎn)品國內(nèi)廣泛的裝機(jī)量，用戶覆蓋方面不用擔(dān)心，如果微信/手機(jī)QQ/空間都沒有安裝，會自動降級到系統(tǒng)瀏覽器內(nèi)核，或提示用戶安裝X5內(nèi)核。

X5SDK是通過調(diào)用微信/手機(jī)QQ/空間的X5內(nèi)核，解決系統(tǒng)webview兼容性差、加載速度慢、功能缺陷等問題，開發(fā)接入便捷，大小只有253K，僅需幾行代碼，即可解決一切令開發(fā)者們頭疼的問題，為用戶提供最優(yōu)秀的瀏覽體驗。

同時，QQ瀏覽器團(tuán)隊還將持續(xù)更新和優(yōu)化X5內(nèi)核，持續(xù)優(yōu)化功能，并保證兼容各種web新特性。
其相對于系統(tǒng)webview，具有下述明顯優(yōu)勢：

1. 速度快：相比系統(tǒng)webView的網(wǎng)頁加載速度有近30%的提升。
2. 省流量：云端優(yōu)化技術(shù)使流量節(jié)省20%
3. 更安全：24小時安全問題解決機(jī)制
4. 更穩(wěn)定：經(jīng)過億級用戶的使用考驗，CRASH率0.15%
5. 集成強(qiáng)大的視頻播放器，支持各種視頻格式直接打開
6. 適屏排版、字體設(shè)置等瀏覽增強(qiáng)功能的提供
7. Html5更完整支持。
8. 無系統(tǒng)內(nèi)核的碎片化問題，更少的兼容性問題

X5內(nèi)核支持Cordova啦

Add this plugin

$ cordova plugin add cordova-plugin-x5-webview

Build

$ cordova build android