寫一個 Firefox OS 的 Web app

B2G apps 只是用 HTML、CSS、和 Javascript 寫的 Web apps。在網頁上發佈 Web apps 就跟發佈一般的網站一樣。為了讓網站可以像 Web app 一樣可以被安裝在行動裝置上,你只需要加上一個 manifest 以及掛上一個安裝按鈕,如以下說明。

建議您從下面的文章著手:

當然,您也可以無拘無束地 沉浸在 Open Web Apps 的深處

安裝 Web app

在網頁上發佈 app 和 manifest 之後,接著要讓 Gecko 知道這個訊息。像是在安裝時,Gecko 查詢 manifest 並將必須的項目加入到 home 的畫面,等等。

安裝 app 需要呼叫 navigator.mozApps.install() API。這裡有個安裝按鈕的範例,當您將 app 置於自己管理的位置時,這個範例可以讓您將按鈕嵌入於您自己的網頁:

<script>
var manifest_url = "http://my.webapp.com/manifest.json";
</script>

<button onclick="navigator.mozApps.install(manifest_url); return false;">
  Install this awesome app on your homescreen!
</button>

注意:這個安裝按鈕也可以被置於像是 Mozilla Marketplace 的 app market,然而一般而言,在您自己的主要頁面上面也放一個「安裝 web app」的按鈕是非常貼心的。

現在請用 B2G 瀏覽器 app 瀏覽您的網站,並且點選安裝按鈕吧。

文件標籤與貢獻者

 此頁面的貢獻者: chrisdavidmills, naihsi
 最近更新: chrisdavidmills,