如何下载安装crosswalk_浪荡刁民

http://blog.sina.com.cn/u/1654127062

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

如何下载安装crosswalk

(2017-04-18 23:26:46)

标签：

webapp

移动前端

it

分类： ionic安装及错误解决

之前ionic集成了crosswalk，直接在项目文件夹下（通过命令 cd 项目文件夹名 跳转到你的项目目录下，顺便提一下，命令 cd .. 可返回上一级目录）启动cmd输入 ionic browser add crosswalk 即可，不过估计是几年前的方式了，cmd根本不识别。

上网查了之后说cordova也集成了crosswalk，所以改用这种方式来安装了，同样，在项目文件夹下启动cmd输入cordova plugin add cordova-plugin-crosswalk-webview

结果还是不行，提示信息说集成的crosswalk版本太低了，无法满足Android5.1.1版本的项目，并且告诉我们还可以通过node.JS的npm命令去下载最新版本（如下图所示）：

http://s7/mw690/001NWy0Kzy7apgyZ8Am66&690

好吧，那么接下来输入命令 npm install -g cordova-plugin-crosswalk-webview （在项目下或全局都无所谓，因为 -g 命令就表示安装在全局下，即安装好之后在哪里都可以使用）下载 最新版本的crosswalk，也可以使用命令 npm install -g cordova-plugin-crosswalk-webview@x.x.x 指定需要安装的crosswalk版本。

如下图所示：

http://s10/mw690/001NWy0Kzy7apipzE1j69&690

如果想卸载该插件的话，则输入命令 npm uninstall -g cordova-plugin-crosswalk-webview即可（uninstall 也可以用 rm 代替，即remove的缩写）。

接下来就可以尝试一下crosswalk的效果了，首先咱们先看一下原来没用crosswalk的情况下生成的apk文件，可以看到文件大小才3.651M，如下图：

http://s15/mw690/001NWy0Kzy7apjnXvBQ1e&690
接着我们使用crosswalk进行编译打包，还是先要进入项目文件夹下，启动cmd输入 ionic build android 进行编译（第一次使用crosswalk会比较久，先去看会儿岛国小电影），编译完则连接手机启动真机调试，继续输入命令 ionic run android ，运行成功如下图（同时可以在手机上看到效果）：

http://s4/mw690/001NWy0Kzy7apk5scLxe3&690

最后我们可以看看通过crosswalk生成的apk信息，apk大小为27.39M，比起之前的apk整整大了8、9倍（这也是crosswalk的缺点），如下图：

http://s5/mw690/001NWy0Kzy7apkiZayU94&690

上图中crosswalk生成的apk有一个是armv7的，一个是x86的，通常armv7是 手机（真机）用的，x86是平板或者 pc上的模拟器 用的。

注：armv7是精简指令集，x86是复杂指令集，相关介绍有兴趣了解可以参考链接（写的很详细哦）：http://www.pc841.com/shoujizhishi/65549_all.html

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

综合上述，我们可以得出 crosswalk 的相关结论：

优点：生成的app在手机上的运行性能比原来提高3-5倍

缺点：生成的apk包大小比原来变大了很多

不过比起性能来讲，apk包大小可以先放一边；crosswalk还可以打包jQmobile项目、sencha Touch项目。另外，使用crosswalk打包的apk可以支持低端手机（解决了兼容问题），但在低端机运行会比较卡，毕竟低配没办法，中高端机的体验还是不错的。

还有，crosswalk仅支持在Android4.0+的系统上使用，毕竟目前Android4.0以下的用户已经少的可怜，基本可以忽略了。

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：ionic启动时,Android导航默认在顶部解决方案

后一篇：Sublime 2/3 安装插件的方法

新浪BLOG意见反馈留言板　欢迎批评指正