Gaia，Mozilla 为 Boot to Gecko（所有 Web 技术）打造的用户界面

周一，我们写了关于 Boot to Gecko 及其公告的文章，并讨论了 Web 如何成为平台。今天，我们将了解 Gaia，Mozilla 为 Boot to Gecko 打造的用户界面，它是该项目的延伸。

Boot to Gecko 是核心

首先，让我们澄清一下，Boot to Gecko 是手机的底层工作原理，它公开了许多 API。在其之上，您可以使用任何您想要的界面层，Telefonica 已经开发了一个，而 Mozilla 则拥有 Gaia。这使得它成为一个非常强大和通用的解决方案，我们期待着看到许多创新想法！

了解 Gaia

昨天，Josh Carpenter（Boot to Gecko 的首席设计师）发布了一些 Gaia 界面截图。所有截图都是 Gaia 实际运行的画面，这些截图都是今天实现的！以下是一些示例

用 Josh 的话来说

性能和响应速度对于优质的移动用户体验至关重要。触摸输入的即时性要求设备响应同样迅速。我们不像以前那样耐心了。为了应对这种情况（并且完全同意），Boot to Gecko 项目将性能提升为一项基本项目优先事项，并且我们的工程师已经取得了令人印象深刻的成果。即使在普通的硬件上，我们也看到了具有竞争力的启动时间、硬件加速的 CSS 动画、带有透明叠加层的流畅视频播放、优先级响应等等。我们完全致力于推动基于 Web 的 UX 创造力的爆发。

全部使用 HTML5、CSS 和 JavaScript！

Gaia 尤其有趣的一点是，它完全使用 HTML5、CSS 和 JavaScript 开发，您可以在设备上或 Web 浏览器中直接调试和查看代码！

这意味着调整用户体验的可能性，无论是在任何实现中，还是仅仅为了您自己，都是一个可行的选择。这是您的设备，您应该拥有您想要的体验！

Gaia 完全开源！

Gaia 令人惊叹的一点是，它完全在开源环境下开发！所有 Gaia 代码都可以在 GitHub 上找到，您可以立即检出并测试或贡献！因为，请记住？它全部使用 HTML5、CSS 和 JavaScript，您可以在一个令人兴奋的新环境中重用您现有的技能！

技术布道师和 Mozilla Hacks 编辑。发表关于 HTML5、JavaScript 和开放 Web 的演讲和博客文章。Robert 是 HTML5 和开放 Web 的坚定支持者，自 1999 年以来一直从事 Web 前端开发工作 - 在瑞典和纽约市。他还定期在 http://robertnyman.com 上发表博客文章，并且热爱旅行和结识新朋友。

更多 Robert Nyman [荣誉编辑] 的文章…

44 条评论

Tomer Cohen

既然它是完全基于 HTML5 的，为什么不将其放到网上呢？我的意思是，我们只需要将其存储在浏览器可访问的 URL 上，而不仅仅是版本控制存储库，然后每个现代 Web 浏览器都将能够体验 Gaia 应用的一些功能。甚至可以将其存储在 GitHub 本身上。

2012 年 2 月 29 日 04:44
1. Robert Nyman
  
  没有什么能真正阻止我们这样做。但是，一个因素是，Gaia 中的一些功能正在访问和使用仅在手机上可用的 API，这些 API 在普通计算机上无法工作。
  
  但对于游戏和其他应用程序，当然可以！
  
  从长远来看，为移动 Web 浏览器提供 Gaia 以在任何设备上获得该体验可能会很有趣！
  
  2012 年 2 月 29 日 04:51
  1. foo
    
    在浏览器中看到一个实时演示将非常酷！我们可以将 URL 在我们当前的智能手机中打开，看看 Gaia 的样子。
    
    2012 年 3 月 4 日 04:43
2. Ryan
  
  HTML5 只是另一种标记文档和界面的方式。仅仅因为它*可以*并且传统上*可以通过* Web 访问，并不意味着用它来做所有事情都是有意义的。人们似乎对事情应该如何进行有太多的先入为主的观念。将手机界面放在 Web 上只会造成混乱和毫无意义，并且没有任何合理的用途。
  
  2012 年 3 月 21 日 15:44
  1. Robert Nyman
    
    HTML5 已成为许多 HTML 改进和 JavaScript API 的集合词，并且包含许多内容。在将其放到 Web 上时，我相信它可以为用户带来一些价值（尽管一些特定于手机的部分将无法正常工作）。
    
    2012 年 3 月 21 日 18:28
shirokoff

您好。有没有办法为 openmoko frerunner 构建引导映像？我并不擅长构建此类内容，但我绝对想玩玩项目中的 HTML 部分？

2012 年 2 月 29 日 04:51
1. Robert Nyman
  
  我希望将来能提供引导映像，但目前我们还没有任何可用。不过，对于 Gaia，您可以从 GitHub 获取代码并在任何 Web 浏览器中运行它（自然，手机部分将无法正常工作）
  
  2012 年 2 月 29 日 04:53
Andrei

B2G 做得非常好，在哪里可以获得那个可爱的壁虎拥抱世界的图像的高分辨率版本？

2012 年 2 月 29 日 06:15
1. Robert Nyman
  
  谢谢！
  我们拥有的所有徽标等都可以在品牌工具包中找到。
  
  2012 年 2 月 29 日 06:26
2. Bradley
  
  它已上线：paulrouget.com/gaia
  
  2012 年 7 月 4 日 18:37
  1. Robert Nyman
    
    尽管该版本似乎没有更新。
    
    2012 年 7 月 5 日 00:21
Matjaž Horvat

Tomer
http://paulrouget.com/gaia/

Andrei
B2G 的名称可能会更改。如果您指的是这个徽标，我相信它是非官方的
http://www.bangstyle.com/2012/02/mozilla-challenge-smartphone-developers/

2012 年 2 月 29 日 10:17
1. Robert Nyman
  
  指向 Gaia 的链接很有趣，可以进行测试。但是，我希望将来可以有一个官方托管的版本。
  
  是的，据我所知，该徽标不是我们设计的。
  
  2012 年 3 月 1 日 04:18
Patrick

我不确定所有法律条款，是否存在，但我正在开发一个 HTML5 Web 产品，并考虑使用您的一些代码或大部分代码。我应该注意哪些法律问题，或者它是免费使用的吗？我是否需要以某种方式联系并与您达成协议？请帮忙。谢谢。

2012 年 2 月 29 日 12:57
1. Robert Nyman
  
  这是一个很好的问题。我将对此进行调查，并希望为您提供一个好的答复。
  
  2012 年 3 月 1 日 04:34
2. Robert Nyman
  
  Gaia 的许可证类似于 BSD。我们很快将在存储库中添加许可证。
  
  2012 年 3 月 1 日 05:05
  1. Patrick
    
    非常感谢 Robert 提供的帮助。我仍在决定使用哪些功能以及它们如何运行，这显然让我了解了可以期待什么。我将来会继续向您更新情况。再次感谢。
    
    2012 年 3 月 1 日 05:26
    1. Robert Nyman
      
      请务必这样做，祝你好运！
      如果您想出了很棒的东西，也请随时将其反馈到 Gaia 中！
      
      2012 年 3 月 1 日 05:35
Tiago

我有一部三星 Wave 525，只要没有强制集成/帐户疯狂，我宁愿使用它而不是默认的 Bada 1.1。

2012 年 2 月 29 日 15:13
1. Robert Nyman
  
  我们的想法是拥有一个完全开放的手机，没有这些。
  
  2012 年 3 月 1 日 04:19
thanyawzinmin

这让我对跨移动界面开发更感兴趣了：D。

2012 年 2 月 29 日 22:17
1. Robert Nyman
  
  很高兴听到！令人兴奋，对吧？:-)
  
  2012 年 3 月 1 日 04:19
AndrewNoNumbers

喜欢！它不是我用 Gaia 这个名字想象的样子，但 UI 绝对不错。

比 Android 更完整。
比 iOS 不那么俗气。
比 WP7 更传统。

2012 年 3 月 1 日 16:29
1. Robert Nyman
  
  很高兴听到你喜欢！
  
  2012 年 3 月 1 日 16:35
Eugene

在我看来，该界面很俗气且无聊。就像有人只是想在几天内制作出任何可能起作用的东西（模仿其他人的“功能”，并使用美观上有问题的“免费 CSS3 按钮”)。它似乎缺乏底层结构、宏伟的想法、愿景。它次于 iOS 和 WebOS，缺乏前者的视觉简洁性和原创性，以及后者创新的设计决策（在回顾中似乎很明显）。
我不是英语母语人士，所以如果我的话听起来冒犯了，请原谅。但我确实相信开放技术和我们所有人的开放未来。因此，我觉得我只需要说“……皇帝没有穿衣服”。我不是设计师，也无法提出更好的东西，但我不会为你们在这里展示的东西付费。

2012 年 3 月 2 日 05:32
1. Robert Nyman
  
  当您宣布一些新事物时，自然会产生很多不同的意见，既有好的也有坏的。我的建议是在决定它好坏之前先实际测试一下。
  
  关于开放技术：Boot to Gecko 是核心，您可以对其进行调整或构建自己的用户界面，或者自定义所有内容 - 仅仅因为它完全是开放的并且使用 HTML5、CSS 和 JavaScript 完成！我敢肯定，我们将看到许多不同的 Boot to Gecko 用户界面，并且您将能够选择最喜欢的那个。
  
  2012 年 3 月 2 日 05:42
2. Patrick
  
  我不确定很多人是否会同意你的观点。我个人询问了大约 40 人他们对 B2G 及其 UI 的看法，得到的回应都是积极的。我不知道您是否亲身体验过，老实说，我还没有，但我认为 Josh 和他的团队在这里做得非常棒，我迫不及待地想使用它。
  
  2012 年 3 月 2 日 06:10
  1. Robert Nyman
    
    我也听到过很多积极的评价，但自然会存在不同的意见。我认为 UI 非常好，我期待着它不断发展！
    
    2012 年 3 月 2 日 06:13
Andre Alves Garzia

Gaia 和 Boot 2 Gecko 正在发展成为非常有趣的项目（这是一个委婉说法，我实际上每隔几个小时就会刷新博客，等待更多新闻……）。这条评论不仅仅是说我有多么欣赏它，但我有一个“增强提案”，我认为它可以帮助很多开发者。

Opera 提供了一个 Opera Mobile 模拟器。它不是像 webOS 模拟器、iOS 模拟器或那个 Android CPU 消耗大户那样的虚拟机模拟器。它基本上是他们的移动浏览器，其移动浏览器 API 在桌面上运行。启动时，它会询问您想要运行的分辨率和设备，并调整大小。它确实很有用，可以帮助我们可视化和开发（未来？）的移动 Web。如果 Mozilla 可以提供类似的东西，那就太好了。一个 Firefox Mobile 版本，其 webAPI 例程返回“测试”结果，用于移动 API，例如电量水平检查等等。它将以您选择的手机的正确尺寸启动，基于模板。我认为这可能可以通过 XULRunner 和一些粘合剂来实现。哎呀，如果我多一点知识，我会尝试构建这个……

无论如何，非常感谢您的辛勤工作！

2012 年 3 月 2 日 18:31
1. Robert Nyman
  
  首先，感谢您的友好话语！
  
  目前，您可以在 Web 浏览器中测试 Gaia，并且总体思路是渲染引擎应该相同。但正如您所说，测试 API 等会很好。
  
  我们正在讨论许多与此相关的事情，以使其对开发人员更容易和更好，我希望我们有一天可以提供这样的东西！
  
  2012 年 3 月 5 日 06:08
  1. Tomer Cohen
    
    我建议调整 Paul 网站上的锁定屏幕以包含一些信息，而不仅仅是一张图片。例如，让用户知道这不是概念验证，而是在浏览器内以有限功能运行的工作环境。
    
    2012 年 3 月 6 日 15:02
    1. Robert Nyman
      
      我将转发给 Paul。不过，总的来说，我相信他只是想要 Gaia 存储库中当前内容的副本，将来，它可能会被更多地组合成一个工作示例。
      
      2012 年 3 月 7 日 01:20
      1. Tomer
        
        我更希望它在源报告本身中，以便告知用户它不打算在桌面上运行良好。
        
        2012 年 3 月 7 日 01:30
      2. Robert Nyman
        
        不过，目前它甚至还没有打算在桌面电脑上完全运行。它是 Boot to Gecko 的一个用户界面，并且仅作为测试版本提供给桌面网页浏览器使用。
        
        如果您认为应该更改此情况，请在 Gaia 上提交问题。
        
        2012年3月7日凌晨1:38
格雷格·卡特勒

罗伯特，
第二个屏幕截图在我的电脑上无法正常显示。测试 URL 在 Safari 中显示不正确。

就目前来看，它看起来很漂亮。我随时愿意加入你的设计团队。干得漂亮！

2012年3月8日上午10:20
1. Robert Nyman
  
  谢谢！
  看起来乔什更新了新的图片。已修复帖子中的链接，现在可以正常使用了！
  
  并且感谢你，很高兴你喜欢它！
  
  2012年3月9日凌晨1:30
尼希尔

我认为在文章和其他显眼位置链接到一个实时版本(http://paulrouget.com/gaia/)会很棒。
如果人们能够尽快看到当前的版本，他们就会更容易理解你们正在努力的方向。

目前正在构建我称之为“Mozilla Blade”的东西，因为它处于领先地位；)
真的希望它能够成功！

2012年4月4日上午4:10
1. Robert Nyman
  
  当我最初撰写这篇博文时，保罗还没有那个版本。此外，我更希望人们查看代码并研究它，因为我无法保证保罗会继续保留它/保持不断更新。
  
  不过，从长远来看，我希望我们会有一个更官方的地方供人们进行测试。
  
  很高兴你很兴奋——我们也是！:-)
  
  2012年4月4日上午5:47
莫里茨

你好，

是否有任何 iOS 镜像可以在虚拟机中运行，例如在 VMWare 或 VirtualBox 中？

它在哪些手机上运行？在非常旧的手机上也能运行吗？

2012年4月20日上午6:22
1. Robert Nyman
  
  目前没有虚拟机，但你可以仔细看看Gaia 黑客指南。
  
  Gaia 是基于 HTML5、CSS 和 JavaScript 的，因此它可以在任何 Web 浏览器上运行。Boot to Gecko 本身目前运行在三星 S2 和 Nexus S 上。
  
  2012年4月21日上午9:47
AMA 电子商店

在浏览器中看到一个实时演示将非常酷！我们可以将 URL 在我们当前的智能手机中打开，看看 Gaia 的样子。

2012年7月3日上午9:49
1. Robert Nyman
  
  最佳选择是按照Gaia 黑客指南中的说明操作。然后你可以进行测试，并在本地修改内容。
  
  2012年7月3日下午12:50
马尔科

我试用了模拟器，它看起来很有前景。我对 UI 感觉一般，但仅仅出于原则，我也很乐意从当前封闭式操作系统切换到它。我只是想知道屏幕上的按钮是否会成为 UI 中的另一种选择，供设备制造商使用？我认为如果制造商不必在屏幕上打孔安装硬件按钮，或者不必担心电容式按钮，这会更便宜更容易。这可能会帮助他们降低制造成本，从而提高利润率。此外，由于大多数制造商都生产安卓手机，并且安卓手机也正在逐渐取消物理按钮，他们可以利用这种经济效益并使用相同的屏幕（并且将 Firefox 刷入未来的安卓手机也会更容易:)）。

我还看到高通为 Telefonica 制作的一个原型，它具有与 Android 2.3 及以下版本手机上相同的 4 个电容式按钮。这些按钮是 Firefox OS 的必要条件吗？这些安卓按钮是我存在的烦恼。我认为唯一必要的按钮是主页按钮，除非你想用滑动手势代替它，但对于消费者来说，它可能不太直观。

—菜单按钮有时有效，有时无效，人们会忘记它的存在。
—后退键会退出应用程序，即使你不想退出。
—搜索键是不必要的，大多数用户很少使用它。

如果这些按钮是必要的，它们应该都在你正在使用的应用程序中。

抱歉评论太长了，我只是真的很希望 Firefox OS 能成功！我只是担心服务提供商会如何将其弄糟，并使其像 Telefonica 的原型硬件那样变得不直观。

2012年7月12日下午7:50
1. Robert Nyman
  
  对于 UI 而言，我们的想法和希望是你可以用任何方式自定义它，因为它是由 HTML5、CSS 和 JavaScript 控制的。
  
  说到按钮，我不认为硬件按钮是绝对必要的，但在当前阶段和第一批机型中，他们选择采用这种方式。
  
  我希望它能够尽可能地开放和易于根据你的喜好进行调整！
  
  2012年7月31日上午8:36

本文的评论已关闭。

Hacks

作者：Robert Nyman [荣誉编辑]

Boot to Gecko 是核心

了解 Gaia

全部使用 HTML5、CSS 和 JavaScript！

Gaia 完全开源！

关于 Robert Nyman [荣誉编辑]

44 条评论

Gaia，Mozilla 为 Boot to Gecko（所有 Web 技术）打造的用户界面

作者：Robert Nyman [荣誉编辑]

Boot to Gecko 是核心

了解 Gaia

全部使用 HTML5、CSS 和 JavaScript！

Gaia 完全开源！

关于 Robert Nyman [荣誉编辑]

探索 Web 开发的优秀资源

感谢！请查看您的收件箱以确认您的订阅。