Cordova学习笔记之Crosswalk

前言

cordova默认使用的是手机内嵌的webview,而crosswalk则是使用了优化的chromium内核的浏览器引擎用于代替默认的webview,从而做到在兼容性和性能上有较大的提升。

正文

在cordova项目使用crosswalk非常容易,仅仅是安装一个插件就行

cordova plugin add cordova-plugin-crosswalk-webview --save

插件项目地址:https://github.com/infil00p/cordova-plugin-crosswalk-webview

具体的使用方法可以查阅项目文档

另外,crosswalk提供了默认、共享、lite三种模式

简单地说,默认模式提供了所有的功能,每个app都有独立打包的浏览器引擎,而共享模式则是多个app共享同一个引擎,只需要在第一次安装的时候打包引擎,之后都不需要。而lite则是精简版本的crosswalk,去除了一部分不太常用的功能,使得打包体积更小。

如果要使用lite模式,安装命令改为

cordova plugin add cordova-plugin-crosswalk-webview --variable XWALK_MODE="lite" --save

就是这么简单,接着 prepare - build 就好了,打包后的apk会比原来大很多,如果原先apk大小是10M的话,默认模式打包出的apk会变成30M左右,lite模式大概在20M左右。

结尾

如果app运行的时候出现 deveiceready not fire after 5 seconds错误,这时cordova clean一下项目就好了。另外,crosswalk主要是针对android平台的优化,虽然也有ios版本,但其实ios下cordova的性能已经非常好了,所以其实没太必要。

时间: 2024-12-13 03:35:20

Cordova学习笔记之Crosswalk的相关文章

Cordova学习笔记   cordova相关的安装记录 及项目建立

我们需要使用npm所以首先安装 从 下载nodejs cordova的安装 sudo npm install -g cordova ionic的安装 npm install -g ionic 用ionic安装android运行平台 ionic start myproject cd myproject/ ionic platform add android ionic build android ionic emulate android (模拟器运行) ionic run android (连接

Cordova学习笔记 http及run方法

<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">     <title>test</titl

cordova学习-基础篇

Cordova 学习笔记(一):快速开始 1.安装cordova Cordova安装可以通过node.js从npm上获取.npm install -g cordova 通过这个命令可以安装cordova.前提是你已经安装了node.js. 2.创建一个项目 通过命令行创建一个空的cordova project.通过命令行先引导到你想创建项目的目录,然后命令:cordova create <path> .可以通过cordova help create获取完整的命令. 3.添加一个开发平台 创建完

WeX5学习笔记

目录 WeX5学习笔记... 1 1.轻松看透WeX5产品能力和技术... 1 2.WeX5可以怎么玩?... 3 一.纯本地App. 3 二.关联一个网站,希望默认就打开某页... 4 三.UI设计器... 4 四.打包神器... 4 五.标准玩法... 4 3.WeX5 App与服务端交互原理... 4 4.Account示例程序... 5 5.Takeout示例程序... 7 5.1Index.w.. 7 5.2mapActivity.w.. 13 问题... 13 6.页面间交互视频..

Ionic2学习笔记(10):扫描二维码

作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5575843.html 时间:6/11/2016 ? ? 说明: 在本文发表的时候(2016-06-11),Ionic2是beta版本,所有还是会有一些改动比较大的地方: 点击查看 , 比如beta8版本(2016-06-06),相较于前面的版本就有一个特别大的改动的地方: @App and @Page should be replaced with @Component 基于这种情况,大家还是静静

Ionic2学习笔记(9):访问本地设备

作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5559927.html ? ? ? ? Ionic2提供了访问本地设备的方法,但是需要安装Cordova依赖,我们以调用摄像头拍照为例来说明: 进入项目目录:cd MyFirstApp npm install ionic-native –save 增加调用Camera的插件:ionic plugin add cordova-plugin-carmera 在Home.html中,增加如下代码: 点击b

[学习笔记] Sencha Cmd 学习笔记 Sencha Cmd是什么

本文地址: http://blog.csdn.net/sushengmiyan/article/details/38295575 本文作者:sushengmiyan -------------------------------------------------------------资源链接----------------------------------------------------------------------- 翻译来源  Sencha Cmd官方网站: http://w

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu