在對(duì)基于Cordova的Android混合App的性能優(yōu)化過(guò)程中是越，遇到了很多在不同安卓版本手機(jī)上的Bug哮塞，很多都是安卓不同版本的系統(tǒng)webview的差異導(dǎo)致的造成，有可能是安卓系統(tǒng)的問(wèn)題搞旭，也有可能是手機(jī)廠商修改webkit帶來(lái)的問(wèn)題，這些問(wèn)題從前端技術(shù)層面是很難解決的喷兼，修改和測(cè)試成本都非常高篮绰。因此我想通過(guò)使用統(tǒng)一webkit內(nèi)核的大招來(lái)解決，目前有2個(gè)方案可選季惯，使用Crosswalk內(nèi)核或騰訊瀏覽服務(wù)X5內(nèi)核吠各。本文主要研究Cordova整合使用騰訊瀏覽服務(wù)X5內(nèi)核。
問(wèn)題背景
熟悉Cordova生態(tài)圈的朋友可能聽(tīng)說(shuō)過(guò)Crosswalk勉抓，Crosswalk是Intel維護(hù)的Webkit開(kāi)源項(xiàng)目贾漏，可以通過(guò)插件安裝命令cordova plugin add cordova-plugin-crosswalk-webview 安裝，它的缺點(diǎn)就是太大了藕筋，集成后apk會(huì)增加20M纵散，安裝后會(huì)占用50M空間，因此一般不推薦普通App使用Crosswalk。
然后我就找到了騰訊瀏覽服務(wù)X5,它是直接使用微信/手機(jī)QQ/空間的X5瀏覽器內(nèi)核的伍掀，SDK只有250k掰茶，因此可以放心使用。鑒于這幾個(gè)產(chǎn)品國(guó)內(nèi)廣泛的裝機(jī)量蜜笤，用戶覆蓋方面不用擔(dān)心濒蒋，如果微信/手機(jī)QQ/空間都沒(méi)有安裝，會(huì)自動(dòng)降級(jí)到系統(tǒng)瀏覽器內(nèi)核把兔，或提示用戶安裝X5內(nèi)核沪伙。
騰訊X5內(nèi)核介紹
X5SDK是通過(guò)調(diào)用微信/手機(jī)QQ/空間的X5內(nèi)核，解決系統(tǒng)webview兼容性差县好、加載速度慢围橡、功能缺陷等問(wèn)題，開(kāi)發(fā)接入便捷缕贡，大小只有253K某饰，僅需幾行代碼，即可解決一切令開(kāi)發(fā)者們頭疼的問(wèn)題善绎，為用戶提供最優(yōu)秀的瀏覽體驗(yàn)。
同時(shí)诫尽，QQ瀏覽器團(tuán)隊(duì)還將持續(xù)更新和優(yōu)化X5內(nèi)核禀酱，持續(xù)優(yōu)化功能，并保證兼容各種web新特性牧嫉。
其相對(duì)于系統(tǒng)webview剂跟，具有下述明顯優(yōu)勢(shì)：
- 速度快：相比系統(tǒng)webView的網(wǎng)頁(yè)加載速度有近30%的提升。
- 省流量：云端優(yōu)化技術(shù)使流量節(jié)省20%
- 更安全：24小時(shí)安全問(wèn)題解決機(jī)制
- 更穩(wěn)定：經(jīng)過(guò)億級(jí)用戶的使用考驗(yàn)酣藻，CRASH率0.15%
- 集成強(qiáng)大的視頻播放器曹洽，支持各種視頻格式直接打開(kāi)
- 適屏排版、字體設(shè)置等瀏覽增強(qiáng)功能的提供
- Html5更完整支持辽剧。
- 無(wú)系統(tǒng)內(nèi)核的碎片化問(wèn)題送淆，更少的兼容性問(wèn)題
Cordova整合騰訊X5內(nèi)核
騰訊瀏覽服務(wù)官方只提供了如何把系統(tǒng)Webview替換成X5的接入文檔，并沒(méi)有提供Cordova集成的方法怕轿，論壇里有人問(wèn)這個(gè)問(wèn)題也沒(méi)有官方回復(fù)⊥当溃現(xiàn)在項(xiàng)目里面用了很多Cordoca插件提供拍照，掃二維碼撞羽，App支付寶支付等功能阐斜，因此就需要把cordova和x5結(jié)合起來(lái)。
Cordova框架現(xiàn)在已經(jīng)很完善诀紊，Cordova的Web Engine也是基于接口開(kāi)發(fā)的谒出，因此我參考系統(tǒng)engine的實(shí)現(xiàn)，寫(xiě)了一個(gè)x5engine插件，解決了Cordova調(diào)用X5內(nèi)核的問(wèn)題笤喳。
后面我會(huì)把這部分功能做成了一個(gè)Cordova插件为居，方便大家使用,github地址https://github.com/offbye/cordova-plugin-x5engine-webview。
遇到的問(wèn)題
64位手機(jī)上加載包含x5 so文件的插件報(bào)錯(cuò)
TBS:initX5Core -- loadSucc: false; exception: java.lang.reflect.InvocationTargetException; cause: java.lang.UnsatisfiedLinkError: dlopen failed: "/data/data/com.tencent.mm/app_tbs/core_share/libmttwebview.so" is 32-bit instead of 64-bit
解決辦法是在armeabi增加一個(gè)32位的jni so莉测， 隨便弄個(gè)小一點(diǎn)的so加上就可以颜骤，如果已經(jīng)用了其它的JNI so應(yīng)該不會(huì)有這個(gè)錯(cuò)誤。X5內(nèi)核不支持file://本地域url捣卤，但支持本地相對(duì)路徑忍抽。
