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,让研发的童鞋更是摸不着头脑。

Crosswalk安装

cordova plugin add cordova-plugin-crosswalk-webview

腾讯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

X5如何安装

cordova plugin add cordova-plugin-x5-webview

原文链接:http://blog.csdn.net/swang0619/article/details/72637597

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值