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






4.43/5 (3投票s)
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 在内的各种浏览器和设备上进行测试。
- 扫描您的网站是否存在过时库、布局问题和可访问性问题
- 将虚拟机用于 Mac、Linux 和 Windows
- 在您自己的设备上远程测试 Microsoft Edge
- GitHub 上的编程实验室:跨浏览器测试和最佳实践
来自我们工程师和布道者的 Microsoft Edge 和 Web 平台深度技术学习
- Microsoft Edge Web Summit 2015(关于新浏览器、新的 Web 平台标准支持以及 JavaScript 社区的特邀嘉宾的展望)
- 哇,我可以在 Mac 和 Linux 上测试 Edge 和 IE!(来自 Rey Bango)
- 在不破坏 Web 的前提下推进 JavaScript(来自 Christian Heilmann)
- 让 Web 完美运行的 Microsoft Edge 渲染引擎(来自 Jacob Rossi)
- 使用 WebGL 和 Microsoft Edge 释放 3D 渲染能力(来自 David Catuhe,包括 vorlon.JS 和 babylonJS 项目)
- 托管 Web 应用和 Web 平台创新(来自 Kevin Hill 和 Kiril Seksenov,包括 manifold.JS 项目)
更多免费的跨平台工具和网络平台资源