使用Crosswalk开发web app

一、了解Crosswalk

Web技术的优势早已被广大应用开发者熟知,比如可与云服务轻松集成,基于响应式UI设计的精美布局,高度的开放性,跨平台能力, 高效的分发与部署等等。但是要充分利用Web技术的优势,仍然有许多障碍。Crosswalk项目正是为了跨越这些障碍而生。本文讲会简单介绍 Crosswalk项目相关的概念和基本功能。

            首先,Crosswalk采用Chrome浏览器的Blink渲染引擎并不断的快速演进(六周一次更新周期),使Web应用在4.0版本之后的 Android平台上充分享受Blink的性能优势。同时,我们支持最新的HTML5 API,包括WebGL,WebRTC,WebAudio,Screen Orientation,WebSocket等等。

            有人可能会问,Android WebView自Android 4.4起已经采用Blink渲染引擎,这与 Crosswalk有和不同?基于Chrome的WebView(Chrome WebView)和Crosswalk比起来目前存在两大缺陷:一是不被4.4之前的Android支持;二是性能以及功能与Chrome还有较大差别。 主要的原因是Chrome WebView要向前兼容基于Android 4.4之前的WebView的应用。这意味着Chrome WebView要支持许多旧的功能,所以架构设计更为复杂, 从而导致部分功能还没有完善,同时在某些情况下会降低性能。目前Chrome WebView的Canvas的性能所受影响最大,WebGL的性能与Crosswalk比也有所差距。由于Crosswalk不需要保持这种兼容性,它 可以采用与Chrome浏览器非常相近的设计,   事实上Crosswalk正是构建于Chromium的content模块之上,这使得它速度飞快并易于扩展与维护。同时还有相应的增强 ,比如Web应用不需要采用Chrome的多进程架构, 这样运行时内存可以更加节省,等等。

二、下载Crosswalk及开发工具(如adt-bundle-linux-x86-20131030)

https://download.01.org/crosswalk/releases/crosswalk/

可以下载对应的开发包。

三、使用工具创建三个Android工程

       解压crosswalk-cordova-10.38.224.0-arm.zip

       a.创建工程xwalk_core_library并复制相应代码

       b.创建工程framework并复制相应代码

       c.创建工程test并复制相应代码

       测试:在test工程上右击运行。

       注意:上面三个工程间存在依赖关系