Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

为Firefox OS写一个web app

B2G应用是一个使用HTML,CSS以及JavaScript写成的网络应用(Web Apps)。就像你发布网站一样,你把它们发布在网络上。为了让这个网站可以像一个网络应用一样被安装在你的移动设备上,你不得不给他们加一个标识 (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浏览你的网站并且点选安装按钮把。

文档标签和贡献者

 此页面的贡献者: chrisdavidmills, ziyunfei, Will_Chen
 最后编辑者: chrisdavidmills,