高性能PhoneGap App:整合CrossWalk

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 中。

时间: 2024-10-12 17:26:56

高性能PhoneGap App:整合CrossWalk的相关文章

手机APP整合银联支付控件

长话短说,本文根据银联官方说明文档,简单总结下,并且说明下中途碰到问题该如何解决. 一.开发前的准备工作1. 打开https://open.unionpay.com/,后续说的文档下载.FAQ查询等都在这个平台操作.2. 下载规范和开发包.帮助中心-下载-产品接口规范-手机控件支付产品接口规范,帮助中心-下载-产品接口规范-手机控件支付产品技术开发包.3. 开发人员都请先看下6.2的消费的交易流程. 流程图说明:(1)用户在客户端中点击购买商品,客户端发起订单生成请求到商户后台:(2)商户后台收

微信中点击链接扫二维码直接下载APP(整合IOS和安卓)

使用微信推广的用户经常都会遇到推广链接在微信中无法打开导致无法下载app的情况,此时用户在微信中打开会提示"请在浏览器中打开".这对于使用微信营销的商家来说就很不友好了且损失非常大,因为用户是不知道为什么要用浏览器打开,会有这个链接是否安全的疑问,所以就不知不觉地流失了或者选择其他平台了.那么针对这个问题到底要怎么解决呢,其实只需要一个微信跳转其他浏览器打开下载页的功能,可以同时整合安卓和苹果两个下载接口.集成好的接口会自动判断设备,自动唤醒外部浏览器,用户轻松实现微信跳转外部浏览器直

12步创建高性能Web APP

现在,Web App 日益重视用户的交互体验,了解性能优化的方式则可以有效提高用户体验.阅读和实践下面的性能优化技巧,可以帮你改善应用的流畅度.渲染时间和其他方面的性能表现. 概述 对 Web App 进行性能优化是一份冗杂沉重的工作,这不仅是因为构建一个 Web App 需要前后端协作,而且需要多方面的技术栈:数据库.后端.前端,需要运行在多种平台:iOS,安卓,Chrome,Firefox,Edge.这太复杂了!不过,还是有一些历经实践的通用方式可以用来优化 Web App 的性能.在接下来

使用PhoneGap搭建一个山寨京东APP

为什么要写一个App 首先解释下写出来的这个App,其实无任何功能,只是用HTML和CSS模仿JD移动端界面写的一个适配移动端的Web界面.本篇主要内容是介绍如何使用PhoneGap把开发出来的mobile web app快速打包成Native App.最近还在学习HTML&CSS以及Javascript,偶然想想学这些有什么用,一方面可以做Web系统的前端开发,另一方面也可以做移动端的Web App.刚好最近了解到PhoneGap,研究了一下它的框架平台,花了两个晚上终于把一个web系统变成了

[Phonegap+Sencha Touch] 移动开发24 打包wp8.1的App,运行时输入框聚焦弹出软键盘之后,界面上移而不恢复原位的解决办法

这个现象只出现在phonegap打包sencha touch的wp8.1程序会出现(仅wp8.1,wp8正常),其它js框架我测试了几个(app framework, jquery mobile),好像没有这个问题. 我来描述一下这个现象: 1.运行phonegap打包的wp8程序,打开一个有输入框的界面,如下图: 2.点击输入框,使其弹出软键盘,界面会上移,如下图: 3.点返回键隐藏软键盘(或者点击界面上其它地方隐藏软键盘),此时界面不恢复原位,如下图: 我的一些研究结果: 1.这种现象只出现

[Phonegap+Sencha Touch] 移动开发24 包wp8.1的App,弹出软键盘输入框聚焦实施后,无移动采收率方法来解决接口

这种现象不仅是现在显示phonegap包sencha touch的wp8.1该程序将出现(只wp8.1,wp8正常).其他js我测试了几个框架(app framework, jquery mobile),好像没有这个问题. 我来描写叙述一下这个现象: 1.执行phonegap打包的wp8程序,打开一个有输入框的界面,例如以下图: 2.点击输入框,使其弹出软键盘.界面会上移.例如以下图: 3.点返回键隐藏软键盘(或者点击界面上其他地方隐藏软键盘),此时界面不恢复原位.例如以下图: 我的一些研究结果

Cordova+ionic 开发hybird App --- 开发环境搭建

Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可:然后随着你敲的代码越来越多,而且有了JAVA project概念,于是你手动新建了很多文件夹比如src.bin.lib,你有写了一个bat文件来减少你的重复劳动:再后

phonegap(cordova) 自定义插件代码篇(一)----IAP 应用内支付

appstore 中审核中,如果你app内卖的东西是个虚拟的产品,那么你有可能被要求不能使用第三方支付工具,只能使用 IAP 应用内支付功能. 使用这个功能需要在apple 开发者后台签合同,设置银行账号,设置价格,这个就不讲了,本篇主要讲phonegap中整合IAP的代码 /** * 苹果应用内支付 */ (function (cordova) { var define = cordova.define; define("cordova/plugin/applepay", funct

【转】几款移动跨平台App开发框架比较

原文地址:https://www.cnblogs.com/songxingzheng/p/6482697.html 整理目前流行的跨平台WebApp开发技术的特点,仅供参考. 每个框架几乎都包含以下特性: 使用 HTML5 + CSS + JavaScript 开发 跨平台重用代码 丰富的UI库 提供访问设备原生API的 JavaScript API 包装器 解决原生开发中机型适配的难题 提供打包.部署的工具或服务 都需要学习自身封装的 JavaScript API 筛选框架的要求: 性能:运行