Cordova的WebView兼容问题-X5引擎插件

Cordova的WebView兼容问题-X5引擎插件

本文主要介绍我们在做Hybrid App时，使用Ionic和Cordova遇到Android在各机型上的WebView兼容性问题，最终如何解决。

令人扎心的Bug list

从研发Hybrid App开始，WebView的兼容性问题就困扰着研发的童鞋们，那时候兼容性问题导致的Bugs也是测试小伙伴和研发屌丝们掐架的主要原因。那时候，大量的业务功能拖拉着研发对于这一头疼问题的解决。

知道有一天。。。

“欣喜”的Crosswalk

那时候无意中发现了Intel居然出了Crosswalk Project这一无敌神器，更喜人的是，官方就提供了Cordova插件，研发的童鞋们瞬间就炸锅了，简直了！集成上它，瞬间解决了至少三分之一的兼容性问题，所有的Android机展现效果基本一致，妥妥地解决了兼容性问题。

Crosswalk的新问题

因为使用了混合开发，本身的包也不大，不超过10M，可是加上Crosswalk，就变成了有内涵的App了，36M+的APK，真是醉了。。。Crosswalk自身包大小就有26M，在安装后会解压缩到100M+，首次安装还需要解压缩时间，造成的用户体验甚是不好。一系列的问题就跟着来了，解压缩需要时间，如果操作快了，或者CPU性能不行，打开Hybrid页面就会出现Application Error等问题。还有些机型如魅族，安装Crosswalk后，就会Crash，让研发的童鞋更是摸不着头脑。

腾讯X5 的出现

在一次技术峰会上，看到一个同行介绍，App使用了X5内核(官网：http://x5.tencent.com/tbs/)，因为是共享模式，只需安装200+K的SDK，就可以解决WebView兼容性问题，当时我就眼前一亮！

Cordova插件

因为Crosswalk提供了cordova插件(cordova-plugin-xwalk-webview)，所以在Cordova plugin 仓库搜了下cordova-plugin-x5-webview，果然有大神已经写好了cordova插件，索性就直接拿来用了下，真的很好用，推荐给大家。

这是插件的官方主页https://github.com/jeremyup/cordova-plugin-x5-webview

如何安装

$ cordova plugin add cordova-plugin-x5-webview