65.9K
CodeProject 正在变化。 阅读更多。
Home

manifold.JS 结合 Crosswalk,更简化的 Android 开发体验

starIconstarIconstarIconstarIcon
emptyStarIcon
starIcon

4.43/5 (3投票s)

2015年9月3日

CPOL

5分钟阅读

viewsIcon

14823

manifold.JS 是一个新推出的开源框架,它可以将网站转换为 Windows、iOS、Android、Chrome 和 Firefox 应用,从而简化跨平台托管应用的创建过程。

通过 manifoldJS 的 0.3.0 版本,您现在可以选择使用 Crosswalk 来构建您的 Android 应用,而不是传统的 Android WebView。实现起来也非常简单。

如果您还不熟悉,manifold.JS 是一个新推出的开源框架,它可以将网站转换为 Windows、iOS、Android、Chrome 和 Firefox 应用,从而简化跨平台托管应用的创建过程。它于去年四月在微软的 Build 2015 大会上首次亮相。manifoldJS 可以通过 node.js 以命令行工具的形式运行,您也可以使用位于 http://www.manifoldJS.com 的基于 Web 的工具。

在本教程中,我将向您展示简单的步骤,以便您可以自行尝试。首先,请确保您已安装并运行了 manifoldJS。

步骤 1:从 nodejs.org 安装 node.js

步骤 2:打开您喜欢的命令提示符(mac 或 linux 上的终端)并输入

> npm install manifoldjs -g

现在,您只需在启动参数中添加 Crosswalk 标志,然后观察接下来发生的事情。

> manifoldjs http://www.thishereweb.com –p Android –c

然后……砰!您刚刚使用 Crosswalk 构建了一个托管 Web 应用。

Crosswalk 的实际应用示例

有了 Crosswalk,您可以确信 WebGL、IndexedDB、Web Sockets 和 CSS3 等最新的 HTML5 功能都已包含在您的应用中。例如,以下是使用默认 WebView、由 ManifoldJS 生成的 WebGL 应用的输出,命令行为:

manifoldjs http://get.webgl.org/

而这是启用了 Crosswalk 的相同应用。它是在前一个命令中添加了 -c(或 –crosswalk)开关后生成的。

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

或者

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

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

什么是 Crosswalk?

Crosswalk 是由 Crosswalk 项目工程化的 Web 运行时环境。Crosswalk 采用了开源的 Chromium 和 Blink 引擎,并将它们编译成一个现代、最新的运行时环境。您可以将 Crosswalk 视为一个功能强大的 WebView。事实上,当设置 Crosswalk 标志时,我们会用它来替代传统的 Android WebView。

为什么 Crosswalk 很重要?

Crosswalk 支持带来了两个主要优势。首先,它是一个“更新”的 Web 运行时环境。对于运行最新 Android 版本的用户来说,这可能算不上什么优势,但对于运行旧版本操作系统的用户来说,这是一个巨大的改进。Crosswalk WebView 将使您能够访问所有最新的 HTML5 功能,并比传统的 WebView 获得更好的性能。

其次,Crosswalk 提供了一个一致的运行时环境。鉴于目前 Android 版本众多,对应也有着不同版本的 Android WebView,因此您被迫只能编写与最低兼容版本兼容的代码。使用 Crosswalk 消除了这一障碍。此外,运行时环境仅在您更新应用时更改,而不是随操作系统一起更改。我们知道许多企业用户依赖这种一致性来满足他们的应用需求。

为什么我**不**要使用 Crosswalk?

我只能想到一个您可能不想使用 Crosswalk 的原因:应用大小。我们生成的平均 .apk 文件(Android 的应用文件)只有几兆字节。将 Crosswalk 添加到应用中会额外增加 20MB,安装到设备上后接近 60MB。您需要权衡这个资源成本是否值得。

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

请记住,托管 Web 应用的本质是您在 Web 服务器上更新应用,因此在大多数情况下,增加的软件包大小的成本会在初始下载时产生,而不会像普通原生应用那样在每次更新时都产生。

前进吧,Crosswalk 团队!

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

更多关于 JavaScript 的实践

本文是微软技术传道者关于实践 JavaScript 学习、开源项目和互操作性最佳实践的 Web 开发系列的一部分,包括 Microsoft Edge 浏览器和新的 EdgeHTML 渲染引擎,以及 Microsoft Edge 浏览器。

我们鼓励您通过 dev.modern.IE 上的免费工具,在包括 Windows 10 默认浏览器 Microsoft Edge 在内的各种浏览器和设备上进行测试。

来自我们工程师和布道者的 Microsoft Edge 和 Web 平台深度技术学习

更多免费的跨平台工具和网络平台资源

© . All rights reserved.