码迷,mamicode.com
首页 > 移动开发 > 详细

[Phonegap+Sencha Touch] 移动开发35 让phonegap的webview(安卓)使用chromium内核

时间:2014-10-24 14:44:14      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:phonegap   cordova   移动开发   android   chromium   

应该都知道,phonegap/Cordova(安卓)只是给webapp加了一个壳而已,也就是webapp运行于webview之上。

    安卓的webview虽然是webkit内核,但是自带的webview和移动版chrome浏览器的内核还是有区别的。使用过移动版chrome浏览器的人可以明显感觉到性能比自带浏览器(或者webview)要流畅得多。

    安卓4.4及以上自带的webview已经是chromium内核了,而4.4以下却不是。所以安卓4.4使用phonegap打包的apk的时候,会感觉比4.4以下版本要快点,而且html5+css3支持的也更好。

    下面介绍一个方法,让你的apk自带chromium内核,这样,你的apk在 安卓4.0及以上~4.4以下 的手机上用户体验更好

    因为移动版chrome浏览器只适用于安卓4.0及以上版本的系统,所以这个chromium内核也只适用于安卓4.0及以上版本。


    首先,介绍一个东西,叫做crosswalk,下面是官网地址:

https://crosswalk-project.org/documentation/cordova.html

大家可以先看看上面链接里面的的介绍。


步骤:

1、下载Crosswalk Cordova for Android

bubuko.com,布布扣

选择Cordova Android (ARM)这个即可,x86的android设备不多。选择stable稳定版的下载,beta和canary版本可能会有一些bug。


2、把下载下来的zip解压,比如解压到D:\crosswalk-cordova-8.37.189.12-arm


3、创建一个phonegap项目,在E:\hello下面。

cd E:D:\crosswalk-cordova-8.37.189.12-arm\bin\create hello com.pushsoft.hello Hello

命令和phonegap/Cordova的命令差不多,只不过开头不是phonegap或者Cordova,而是D:\crosswalk-cordova-8.37.189.12-arm\bin\create(就是里面的create.bat文件)


4、可以用eclipse打开这个安卓项目,调试编译什么的(建议不要再用phonegap local build。。。我是没试过。。。你们可以试试)

这样这个安卓app就是chromium内核的了。

ps:

①、导出未签名的apk安装包,可以用eclipse右键点击项目-Android Tools-Export unsigned Application package

②、导出已签名的apk安装包(需要自己生成一个安卓证书),可以用eclipse右键点击项目-Android Tools-Export signed Application package



下面介绍怎么把你现有的phonegap项目(暂且成为“原项目”),改为chromium内核的。

1、按照上面的方法,创建一个和你原来phonegap项目包名、程序名一样的项目(暂且成为“新项目”):

比如我原项目包名是com.pushsoft.myapp,程序名是MyApp,那么我这样建一个新项目:

cd E:D:\crosswalk-cordova-8.37.189.12-arm\bin\create MyApp com.pushsoft.myapp MyApp

2、把原项目下面的cordova和CordovaLib两个文件夹删除(或者移走),然后把新项目E:\MyApp下面的cordova和CordovaLib两个文件夹复制到原项目底下。

就是把带有chromium内核的Cordova库替换你原来项目的Cordova库


3、用eclipse打开替换过后的原项目吧,调试编译导出啥的。


ps:

①、带有chromium内核的apk包很大,大概会大16MB吧。这个包只适用于安卓4.0及以上系统,4.4及以上的不需要,因为4.4之后的安卓webview已经是chromium内核了

②、使用了chromium内核的phonegap项目,在使用某些phonegap插件的时候,会报错,比如FileTransfer插件。

FileTransfer插件需要修改一下,才可以适配,修改方法点击查看这里


------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

欢迎加入Sencha Touch + Phonegap 群:194182999

共同学习交流(博主QQ:479858761


求赞助:

1、百度情感转账,只要支付1分钱,你得10元,我得5元

2、百度透明小金库,支付我1分钱,就可以赞助我

3、百度钱包支付1分钱,获得体彩顶呱刮兑换码。把兑换码发给我可以赞助我

[Phonegap+Sencha Touch] 移动开发35 让phonegap的webview(安卓)使用chromium内核

标签:phonegap   cordova   移动开发   android   chromium   

原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40424781

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!