mozilla
您的搜索结果

    为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浏览你的网站并且点选安装按钮把。

    文档标签和贡献者

    此页面的贡献者有: ziyunfei, Will_Chen
    最后编辑者: ziyunfei,
    隐藏侧边栏