crosswalk_带有Crosswalk的歧管,Android的简单开发体验

crosswalk

本文是Microsoft的Web开发系列的一部分。 感谢您支持使SitePoint成为可能的合作伙伴。

现在,有了0.6.3版的歧管JS,您现在可以选择使用Crosswalk而不是传统的Android Webview构建Android应用程序。 实现起来也很简单。

如果您不熟悉, variantJS是一个新的开源框架,可以访问一个网站并为Windows,iOS,Android,Chrome和Firefox创建一个应用程序,从而简化了跨平台托管应用程序的创建。 它于去年4月在Microsoft Build 2015大会上首次亮相。 集成块通过node.js作为命令行工具运行,或者您可以在http://www.manifoldJS.com上使用基于Web的工具。

JS和Crosswalk徽标

在本教程中,我将向您展示启动和运行它的简单步骤,以便您可以自己尝试。 首先,确保您已安装并正在运行歧管:

  1. 从nodejs.org 安装node.js
  2. 打开您喜欢的命令提示符(在Mac或Linux上为终端),然后键入:
    npm install manifoldjs -g
  3. 现在,您只需将Crosswalk标志添加到启动参数中,然后观察接下来会发生什么:
    manifoldjs http://www.thishereweb.com –p Android –c

还有……轰! 您刚刚使用Crosswalk构建了托管的Web应用程序。

跨平台应用程序示例

人行横道的实际例子

使用Crosswalk,您可以确信,最新HTML5功能(例如WebGL,IndexedDB,Web套接字和CSS3)可用于您的应用程序。 例如,这是WebGL应用程序的输出,该应用程序使用默认的Webview,并且是通过用以下命令行由歧管生成的。

manifoldjs http://get.webgl.org/

错误消息指示设备不支持WebGL

这是启用了Crosswalk的同一应用程序。 它是在将-c(或–crosswalk)开关添加到上一个命令行后生成的。

manifoldjs http://get.webgl.org/ --crosswalk

要么

manifoldjs http://get.webgl.org/ -c

一条消息指示设备确实支持WebGL

使用Crosswalk,您可以确保所有用户都能获得预期的体验。

什么是人行横道?

Crosswalk是由crosswalk项目设计的Web运行时环境。 Crosswalk采用了开源的Chromium和Blink引擎,并将其编译为现代的最新运行时环境。 您可以将人行横道视为功能强大的Web视图,实际上,设置了人行横道标志后,我们会使用它代替传统的Android Web视图。

为什么人行横道很重要

人行横道支持带来两个主要优点。 首先,它是一个“更新的” Web运行时环境。 对于使用最新版本的Android OS的Android用户而言,这可能并不是很大的优势,但是对于使用旧版本OS的用户而言,这是一个巨大的进步。 与传统的Webview相比,Crosswalk Webview将使您能够访问所有最新HTML5功能和性能提升。

其次,Crosswalk提供了一致的运行时环境。 在当今使用所有不同版本的Android的情况下,您拥有许多不同版本的Android Webview,因此您不得不编写最低公分母。 使用人行横道可以消除这种障碍。 此外,运行时仅在您在应用程序中更新时才会更改,而不是通过操作系统进行更改。 我们知道许多企业用户的应用程序都依赖这种类型的一致性。

为什么我不使用人行横道?

我只能想到一个您不想使用Crosswalk的原因。 应用大小。 我们产生的平均.apk文件(适用于Android的应用程序文件)只有几兆字节。 将Crosswalk添加到应用程序会额外增加20mb,将其安装在设备上后接近60mb。 您需要做出决定,以确定资源成本是否值得。

将运行时与应用程序捆绑在一起是用于分发目的的最简单方法,但是Crosswalk应用程序也可以共享一个运行时库(以“共享模式”)以减轻负载。 启用共享模式的软件包是Crosswalk for Android发行版的一部分。 但是,您必须自己分发此共享的运行时程序包。 有关更多详细信息,请访问Crosswalk Wiki

请记住,托管Web应用程序的本质是您在Web服务器上进行应用程序更新,因此在大多数情况下,增加包大小的成本将在初始下载时感觉到,而不是像常规本机那样每次更新都可以感觉到。应用程式。

走人行横道!

免费学习PHP!

全面介绍PHP和MySQL,从而实现服务器端编程的飞跃。

原价$ 11.95 您的完全免费

我们很高兴能支持Crosswalk Web运行时环境。 它填补了Android系统中的空白,使开发更简单,更可靠。 尝试使用您的下一个歧管应用程序,看看您的想法。 有关Crosswalk的更多信息,请访问https://crosswalk-project.org/上的站点。 要开始从您的网站构建商店应用程序,请访问www.manifoldjs.com并开始使用。

使用JavaScript进行更多操作

本文是Microsoft技术福音专家开发的Web开发系列文章的一部分,内容涉及实用JavaScript学习,开源项目以及互操作性最佳实践,包括Microsoft Edge浏览器和新的EdgeHTML呈现引擎

我们鼓励您使用dev.modern.IE上的免费工具跨浏览器和设备进行测试,包括Microsoft Edge(Windows 10的默认浏览器):

我们的工程师和宣传人员在Microsoft Edge和Web平台上进行了深入的技术学习:

Web平台的更多免费跨平台工具和资源:

翻译自: https://www.sitepoint.com/manifoldjs-with-crosswalk-a-simpler-dev-experience-for-android/

crosswalk

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值