Phonegap 不通过命令行手工集成CrossWalk插件

CrossWalk 是什么?它是一个基于 Chromium 的浏览器组件,用来取代 Android4.x 中的 WebView 。

它的优势

1 大幅度提升 Web 程序性能

2 支持最新的 HTML5 特性

3 解决不同设备的兼容性问题
支持最新的HTML5 API,提升页面的滑动流畅度,对页面的加载及渲染非常好。【目前明显体现出来的,针对Android下面的页面加载很好】

 

它的缺点:

1 不支持 iOS ,也不支持 Android4.0 以下的版本

2 打包后的 apk 文件将增加近20M
只支持Android系统(ios其实不需要,ios下面效果很不错的),Crosswalk仅支持Android4.0+,打包后apk大小增加10几M,对phonegap的一些插件支持度不好【目前我没有发现,有人这么说】。

 

可以根据实际情况决定是否使用。

下面介绍如何将CrossWalk整合到一个普通的PhoneGap应用中。

 

废话很多了。开始集成。

一、下载适配 PhoneGap/Cordova 的 CrossWalk SDK 。

下载地址:地址1 地址2

如果手机 CPU 是 Intel 平台请下载 Cordova Android(x86) ,其他请下载 Cordova Android(ARM) 。

二、将下载的SDK解压到硬盘,并将其中的 framework 文件夹导入 Eclipse 中。

在 Eclipse 的项目列表中将会出现:

framework

xwalk_core_library
提示:如果有一个styles.xml文件报错,可以将该文件删除,不会有影响。

三、修改项目依赖

在你的 PhoneGap 项目上点击右键->属性(property),在弹出的窗口中切换到 Android 标签页,找到下方的 Library 区域。

配置为如下:

CordovaLib

xwalk_core_library
添加到列表中,点击确定。

四、为 PhoneGap 项目添加下面的权限:

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

五、按下面的顺序依次 build 项目:

xwalk_core_library

cordovalib

your application project
提示:如何 build 项目?选中项目,点击右键并选择build pro ject。

整合完成,再次打包 App ,你会发现 CrossWalk 已经整合到 App 中。

六、完成

你会发现特别长的文章内容及页面滑动会变的非常流畅。

0%