cordova/webapp/html5 app 用corsswalk替换内核,优化安卓webview

  Crosswalk与WebView的不同

  为什么要用corsswalk?由于cordova应用在安卓上运行的时候,都是调用的手机webview,而在不同的安卓机、不同版本的系统上,webview的性能差距很大。此外,即时是4.X的安卓webview,性能也不是非常好,而web app最大的问题慢,就是由此引起的。通过替换掉cordova的webview内核,采用crosswalk的内核,应用在渲染上性能会有极大的提升。

  WebView组件,如iOS的UIWebview、Android的Webview等,作为系统自带Web引擎,在HTML5能力上相比 Safari for iOS、Chrome for Android都要差一截。另外在Android平台上,由于系统碎片化比较严重,不同Android版本的Webview的HTML5能力也有较大差异,导致相应的HTML5应用一致性难以保证。而Crosswalk,如前文所述,作为第三方的独立引擎有较好的HTML5功能和性能支持,较好的平台一致性,以及近似原生应用的系统整合体验。

  Crosswalk采用Chromium内核并不断地快速演进(六周一次更新),使基于Crosswalk的Web应用充分享有Chromium的功能与性能优势,以及较好的平台一致性。同时,Crosswalk支持最新的HTML5 API,包括WebGL,WebAudio,WebRTC,Gamepad,WebSocket等等。

  Crosswalk的配置方法:

  1从Crosswalk官网下载Cordova Android (ARM) ,最新的10.X也暂时未支持Cordova3.6,只支持3.5或者以下。

  2在win7上打开:C:\Users\Administrator\.cordova\lib\npm_cache\cordova-android,这个目录下,如果你安装了不同版本的cordova,每个版本都会有一个文件夹。

  3找到3.5.0的文件夹,把package里面的文件替换成Crosswalk里面的文件

  4然后按照平时Cordova建立工程的方式建立工程。

  5体验速度的提升吧(*^__^*) ……

时间: 2024-08-09 06:00:17

cordova/webapp/html5 app 用corsswalk替换内核,优化安卓webview的相关文章

Cordova webapp实战开发:(7)如何通过简单的方法做到,不重新发布APP来修复bug、增加功能、或者躲开苹果的一些严格审核?

到<Cordova webapp实战开发:(6)如何写一个iOS下获取APP版本号的插件?>为止,我们已经大体学会了如何使用Cordova了,那些都是使用Cordova的开发者必备的技能.今天我们要说一下开发者应该具备的一些额外经验,这些经验简单有效,如果希望要更系统更好的方法,那就持续关注本系列文章吧,与敏捷个人一起成长. 本次练习你能学到的 学习如何动态不发布APP来修复bug 学习如何动态增加功能 学习如何躲开苹果的一些严格审核 如何动态不发布APP来修复bug 做过网站的都知道,修复b

面向Web Cloud的HTML5 App开发实战:Browser&amp;HTML5&amp;CSS3&amp;PhoneGap&amp;jQuery Mobile&amp; WebSocket&amp;Node.js(2天)

如何理解Android架构设计的初心并开发出搭载Android系统并且具备深度定制和软硬整合能力特色产品,是本课程解决的问题. 课程以Android的五大核心:HAL.Binder.Native Service.Android Service(并以AMS和WMS为例).View System为主轴,一次性彻底掌握Android的精髓. 之所以是开发Android产品的必修课,缘起于: 1,     HAL是Android Framework&Application与底层硬件整合的关键技术和必修技

Cordova webapp实战开发:(4)Android环境搭建

在<Cordova webapp实战开发:(3)后面可能会学到的东西>中我们说了一下后续大致包括的内容,今天我们继续.上周我在掌中广材集成了友盟的社交分享,今天想集成iOS应该很顺利的,但是只要一加入libSocialQQ.a就错.我对iOS也不太熟,没找到原因,头晕了,写一篇博客权当休息一下.今天我们就来搭建一下Android环境,并编写一个hello world吧.准备好了吗?Web app开发旅程即将正式开始了....... JAVA环境 安装JAVA JDK 打开我的电脑--属性--高

Cordova webapp实战开发:(1)为什么选择 Cordova webapp?

很长时间没有专注写代码了,即使写点代码也主要是写写敏捷个人app,这个App主体内容是我用了一周的时间,使用PhoneGap+JQueryMobile搭建的,之所以会比较快的完成,是因为11年我在做建筑云运维项目时使用过. 时隔几年,我在 <掌中广材产品经理日志(1)- 妈的,不想再呆在广联达了>写到,今年初我到了工信部负责一款之前已经做过一年多的APP,这款产品叫做掌中广材,大家可以各大市场下载到. 本系列初衷 现在Web App越来越流行,但是很多人却不知如何开始,自己学习使用Cordov

Cordova webapp实战开发:(3)后面可能会学到的东西

在<Cordova webapp实战开发:(2)认识一下Cordova>中我们了解了Cordova和Phonegap的关系,并简要介绍了一下它的架构,以及多平台性,并给大家留了一些作业.我看到群里也有人已经完成,真是认真学习的人!我相信这样的人一定会进步比较快,认真而踏实,即使没有其他人聪明,但是一定会比他们更优秀. 周五的时候大家就给我上一篇点了40多个赞,并有20条回复,我又要开始写下一篇了.本来决定下周一开始写,不过看群里大家聊得蛮积极的,被这种学习热情所打动,我就把这个系列写的勤快一些

HTML5 App的代码注入攻击

原文链接 摘要 基于HTML5的手机app(译者注:以下简称HTML5 app)越来越流行了, 在大多数情况下它比native应用更容易适配不同的移动操作系统.它开发起来很方便,可以使用标准的web技术,包括HTML5.JavaScript 和  CSS,也可以借助一些现有的开发框架(比如PhoneGap)和手机操作系统进行交互. 众所周知,JavaScript是非常容易遭受代码注入攻击的,因此我们计划对HTML5 app进行一次系统的研究以评估基于web技术开发的手机app安全性是否可靠.成果

Cordova webapp实战开发:(5)如何写一个Andorid下自动更新的插件?

在 <Cordova webapp实战开发:(4)Android环境搭建>中我们搭建好了开发环境,也给大家布置了调用插件的预习作业,做得如何了呢?今天我们来学一下如何自己从头建立一个Andorid下的cordova插件. 本次练习你能学到的 学习如何实现自动更新功能 学习插件类的编写 学习插件的配置 学习插件的调用 主要内容 打开APP后检查版本更新,如果有更新则弹出更新对话框 APP中[检查更新]显示当前版本号,并可以点击进行版本检查更新 如何实现自动更新功能 你可以自己写代码,也可以网上找

在Ubuntu平台上创建Cordova Camera HTML5应用

在这篇文章中,我们将详细介绍如何使用Cordova Camera HTML5 应用.更多关于Cordova的开发指南,开发者可以参考文章"the Cordova Guide".通过这个例程,我们可以学习在Ubuntu平台上如何利用Cordova API来完成一个我们所需要的照相机功能.关于如何创建一个Cordova架构的简单的应用,开发者可以参阅文章"如何在Ubuntu手机平台中开发Cordova HTML5应用".在那篇文章中,它介绍了如何设置自己的环境.建议开发

html5 app 简单实例

一.编写一个HTML5 App 下载最新版本的PhoneGap并解压,我们将使用其中的Android目录.下载地址:https://github.com/phonegap/phonegap/zipball/1.0.0 启动Eclipse,然后在菜单"File"下选择"New > Android Project". 在项目根目录下,创建两个新目录: /libs /assets/www 复制phonegap.js(从PhoneGap解压缩后的Android目录中,