首页/Ionic/列表

Cordova的WebView兼容问题-X5引擎插件cordova plugin add cordova-plugin-x5-webview

来源:  2018-04-10 10:27:34    评论:0点击:

来源:https://blog.csdn.net/swang0619/article/details/72637597
本文主要介绍我们在做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

为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权