高性能PhoneGap App:整合CrossWalk

原创
2015/03/19 15:55
阅读数 1W

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

它的优势:

1 大幅度提升 Web 程序性能

2 支持最新的 HTML5 特性

3 解决不同设备的兼容性问题


它的缺点:

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

2 打包后的 apk 文件将增加近20M


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

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

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

下载地址:
https://crosswalk-project.org/documentation/downloads.html
打开网页,表格的最后两行是我们需要下载的,如果手机 CPU 是 Intel 平台请下载  Cordova Android

(x86) ,其他请下载 Cordova Android(ARM) 

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

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

framework
xwalk_core_library

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

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

将 CordovaLib 移除,并将:

framework
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
framework
your application project
提示:如何 buil 项目?选中项目,点击右键并选择build pro ject


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

展开阅读全文
打赏
0
11 收藏
分享
加载中
不过就算打入Crosswalk,你也不能随心所欲地写代码。看两个例子(中国电动车网 馋口街)就知道这两个应用都打入了crosswalk,但是性能有天壤之别!
2015/10/17 15:51
回复
举报
你好,在使用crosswalk时,对XWalkSettings 初始化,但却提示xWalkView.getSettings(),该方法不存在,那该如何初始化XWalkSettings呢
2015/07/28 11:37
回复
举报
更多评论
打赏
2 评论
11 收藏
0
分享
返回顶部
顶部