在我们“Firefox OS – HTML5 应得的平台”视频系列的第三期中(第一期 和 第二期 已经发布),我们将讨论用于构建 Firefox OS 应用的可用工具。
观看这段由 Mozilla 的 Chris Heilmann(@codepo8)和 Telefónica Digital/W3C 的 Daniel Appelquist(@torgo)讲解如何开始你的第一个 HTML5 应用的短视频。你可以在 此处观看视频。
首先:你并不是为 Firefox OS 构建应用 – 你是在为 Web 构建 HTML5 应用。Firefox OS 允许开发者通过 Web API 访问手机的硬件 – 这些 JavaScript API 是向标准机构提出的建议,旨在提供安全且简单的访问方式。
这意味着,对于 Web 开发者来说,首先最重要的是,没有任何变化。你无需下载和安装任何 Web SDK。你可以使用你熟悉的编辑器和工具链。这可能像在命令行上使用 VI 一样简单,或者像你在使用其他语言时使用 Eclipse 一样。Firefox OS 并不强制要求任何固定的环境,就像 Web 一样。也就是说,目前有一些创建 HTML5 工具的努力,Mozilla 正在密切关注这些努力,以了解在哪里以及是否可以进行合作。
要开始构建 Firefox OS 应用,你只需在浏览器中创建一个 HTML5 应用即可。虽然第一批 Firefox OS 设备的分辨率为 320 x 480 像素,但你不应该将你的应用固定到此尺寸。拥抱 Web 的普遍性,使用响应式设计方法似乎更为明智。我们在 Firefox OS 开发者中心 收集了大量关于如何设计良好的 HTML5 应用的信息。
Firefox 开发者工具的一个很棒的功能是响应式视图模式。你可以通过打开开发者工具并点击 图标来启用它。这将导致当前页面在浏览器中可调整大小,而不会丢失开发者工具或需要调整窗口大小:
Firefox 并不是唯一内置了强大开发者工具的浏览器。例如,Chrome 允许你在非触摸设备上模拟触摸事件。要启用此功能,请转到开发者工具设置,点击“覆盖”,然后选中“启用触摸事件”复选框。有关何时使用触摸和何时使用点击的一些很棒的提示,请查看 Peter-Paul Koch(@ppk)的 视频。
如果你想测试 Firefox OS 本身或你的应用在其中的运行情况 – 包括安装过程 – 你可以下载 Firefox OS 模拟器,这是一个 Firefox 的无需重启的附加组件。
安装后,你将获得一个仪表板,允许你在计算机上管理你的应用,并启动或停止模拟器:
启动模拟器后,你将在计算机上的一个窗口中获得一个干净的 Firefox OS 实例,该窗口具有正确的尺寸。你
可以尝试使用该操作系统,安装你的应用,并了解体验如何。
更详细的应用性能测试需要使用 Firefox OS 设备。如果你有其中一台设备,你可以通过 USB 连接手机,并将应用直接从模拟器发送到手机。
HTML5 应用的工具领域是目前 Web 上讨论最多的市场之一。我们相信,在不久的将来,将会有许多新的、令人惊叹的工具问世,使 HTML5 应用开发变得简单,并为开发者在开发时提供所需的见解。目前,使用浏览器的开发者工具和 Firefox OS 模拟器将帮助你完成 90% 的工作。
关于 Chris Heilmann
HTML5 和开放 Web 的布道者。让我们来修复它!
一条评论