[翻译]为Firefox OS写一个web app

译者能力有限，欢迎砍砖

原文地址：https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Apps/Writing_a_web_app_for_Firefox_OS

翻译已经提交给mozilla

地址是：https://developer.mozilla.org/zh-CN/docs/Mozilla/Firefox_OS/Apps/Writing_a_web_app_for_Firefox_OS

时间是2013-05-12 04:32

下面正文直接开始

==================厉害的分界线==================

B2G应用是一个使用HTML,CSS以及JavaScript写成的网络应用（Web Apps）。就像你发布网站一样，你把它们发布在网络上。为了让这个网站可以像一个网络应用一样被安装在你的移动设备上，你不得不给他们加一个标识 （manifest）和一个链接的安装按钮，下面会解释。

下面的主题被推荐为起点：

• 准备开始创建应用（app）
• 应用标识（App manifest）

当然，你也可以无拘无束的沉浸在Open Web Apps的深处!

安装网络应用（Web app）

当你把应用和标识(manifest)发布到网上，你必须要让Gecko意识到它。在安装时，Gecko会检查标识文件（manifest）并且把其中的重要记录添加到主屏幕（home screen）和其他地方。

在安装应用时，调用navigator.mozApps.installAPI。下面是一个安装按钮的例子，你可以把他们嵌入到你的应用中：

<button id="install">
  安装这个给力的应用在你的主屏幕上
</button>
 
<script>
(function(){
  function install(ev) {
    ev.preventDefault();
    // 定义标识文件的网址（define the manifest URL）
    var manifest_url = "http://my.webapp.com/manifest.webapp";
    // 安装这个应用（install the app）
    var myapp = navigator.mozApps.install(manifest_url);
    myapp.onsuccess = function(data) {
      // 应用已经被安装，移出按钮（App is installed, remove button）
      this.parentNode.removeChild(this);
    };
    myapp.onerror = function() {
      // 应用不能被安装（App wasn't installed, info is in）
      // installapp.error.name
     };
  };
  //获得按钮的信息并且在按钮被点击的时候调用install()（install() get a reference to the button and call install() on click）
  var button = document.getElementById('install');
  button.addEventListener('click', install, false);
})();
</script>

注意：这个安装按钮也可以被放在应用市场（app market）中，比如Firefox Marketplace，但是你也可以在你网站的首页放一个非常方便的“安装应用”的按钮

现在使用B2G浏览器app浏览你的网站并且点选安装按钮把。