`

使用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工程上右击运行。

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

 

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    Crosswalk+Cordova开发安卓app之 JavaScript调用java 源代码下载

    在Android应用开发中,Crosswalk和Cordova是两种常见的技术,它们可以帮助开发者使用HTML5、CSS3和JavaScript来构建原生应用。本教程将聚焦于如何利用这些技术,特别是通过JavaScript调用Java代码,实现更丰富的功能...

    crosswalk-webview比webview更好用

    5. **离线运行**:Crosswalk-WebView还支持离线Web应用,通过Service Worker和App Cache等技术,可以让应用在没有网络连接的情况下仍然可以运行一部分内容。 6. **插件支持**:Crosswalk-WebView支持Cordova插件,...

    hybird_app_examples:Android hybird应用示例,使用Ionic,Crosswalk,Phonegap等

    它们通常使用Web技术(如HTML5、CSS3和JavaScript)进行开发,然后通过框架封装成可以在App Store或Google Play上发布的原生应用。本项目"hybird_app_examples"提供了Android平台上的混合应用示例,主要涉及了Ionic...

    crosswalk-webview-22.52.561.4-arm64.zip

    在移动应用开发领域,Crosswalk WebView 是一个备受开发者关注的开源项目,它提供了一种稳定且高性能的WebView实现,使得开发者能够在Android应用中嵌入基于Web技术的用户界面。本文将围绕"crosswalk-webview-22.52....

    将HTML5封装成android应用APK文件若干方法

    越来越多的开发者热衷于使用 HTML5+JavaScript 开发移动 Web App,但是如何将 HTML5 应用封装成 Android 应用 APK 文件是一个亟待解决的问题。 一、使用 Android SDK 中的 WebView Android SDK 提供了 WebView ...

    张西涛 -HTML5移动应用多端开发架构实践

    HTML5技术因其能够使用统一的Web开发技术来构建跨平台的移动应用而受到广泛关注。张西涛在2015年举办的MDCC中国移动开发者大会上,分享了“HTML5移动应用多端开发架构实践”主题演讲,深入探讨了HTML5多端开发框架的...

    性能优异的Cordova App【馋口街】

    它允许开发者使用Web技术(HTML5、CSS3和JavaScript)来开发跨平台的应用程序,这些应用程序可以访问设备的功能,如摄像头、GPS、联系人列表等,而无需学习各种原生编程语言,如Java或Swift。"馋口街"应用就是一个...

    App与Html5交互

    在移动应用开发中,App与HTML5的交互已经成为一种常见的技术模式,特别是在混合式应用开发中。这种模式结合了原生应用的性能优势和Web应用的便捷性,使得开发者能够利用HTML5的跨平台特性,同时享受Android原生功能...

    Construct2源码-笔记

    - **Crosswalk**:检测用户代理(User-Agent)中的`crosswalk`或`xwalk`关键字,或者通过`window["c2isCrosswalk"]`判断是否为Crosswalk环境。 - **Cordova/PhoneGap**:检查`window["device"]`是否存在且含有`...

    Android应用源码之zirco-browser浏览器源码.zip

    - **Web渲染引擎**:Zirco-Browser采用了Crosswalk Project的开源Web渲染引擎,这是一个基于Chromium的轻量级解决方案,能够支持HTML5等现代Web标准。 - **用户界面**:采用Android原生UI组件构建,提供简洁明了的...

    Android与js交互

    WebView不仅能够展示静态HTML页面,还可以加载动态内容,如网络应用(Web App)。通过WebView,开发者可以充分利用JavaScript的灵活性和Android原生功能的优势,创建出功能丰富的混合应用。 **一、设置WebView** 1...

    PoC-XWalkIframeConnectionRefused:PoC在人行横道中执行“连接被拒绝”问题

    1. **Android开发**:Android应用通常使用Gradle作为构建工具,app/build.gradle文件是项目级别的构建脚本,用于定义应用的依赖项、版本控制和其他构建配置。 2. **Webview组件**:在Android中,WebView是一个用于...

    webView加载网络播放视频

    对于老版本的Android,可能需要使用Google的Crosswalk库以提供更好的HTML5支持。 以上就是在Android应用中使用WebView加载并播放HTML5视频的主要步骤和技术要点。理解这些知识可以帮助开发者创建更丰富的用户体验,...

    newstore:由ionic和cordova构建的项目

    4. **打包和发布**:学会使用Cordova命令行工具将Web应用打包成原生应用,并在App Store或Google Play上发布。 5. **测试和调试**:了解如何在模拟器和真机上运行和调试应用,使用如 Ionic DevApp 或Cordova插件如`...

    jsmap1:PhonegapCordova 与 Google Maps Javascript v3 API 的集成

    在Web开发中,PhoneGap/Cordova是一个流行的框架,它允许开发者使用HTML、CSS和JavaScript构建原生移动应用程序。这些应用程序可以跨平台运行,无需为每个操作系统编写单独的代码。在这个教程中,我们将深入探讨如何...

Global site tag (gtag.js) - Google Analytics