天天看點

Firefox os app 開發實踐怎麼安裝firefox os模拟器?

在熟悉了Firefox os的基本功能後,準備實踐一下。

firefox os應用是采用html5編寫,不過與html5不同的是需要在應用的根目錄建立一個名為manifest.webapp的檔案,這樣浏覽器可以通過manifest.webapp擷取到該應用的一些基本資訊,如:名稱、描述、版本、圖示、開發者資訊、api使用期限、權限等。

一、代碼示例

現在建立一個名為 manifest.webapp的檔案,代碼為:

建立index.html代碼如下,隻是加載了一個圖檔(圖檔來自網絡,如有侵權請留言):

二、應用安裝

下面介紹一下如何進行安裝,呵呵,因為沒有真機,是以在這裡介紹如何在模拟器上進行安裝:

如果不知道模拟器如何安裝,請參照:

(1)打開模拟器

Firefox os app 開發實踐怎麼安裝firefox os模拟器?

點選Add Directory 按鈕,選擇程式所在的目錄,選中“manifest.webapp”,确定即可,如下圖所示:

Firefox os app 開發實踐怎麼安裝firefox os模拟器?

(3)這樣在程式清單中就多了一個應用如下圖所示:

Firefox os app 開發實踐怎麼安裝firefox os模拟器?

從清單中可以看出,清單中出現了一個名為“myfirstos”的目錄,我們發現該名稱正好和“manifest.webapp”中的name的名字一樣。

(4)效果展示

點選“Refresh”按鈕,就可以看到模拟器上顯示出的效果如下圖所示:

Firefox os app 開發實踐怎麼安裝firefox os模拟器?

附源代碼下載下傳位址:

<a target="_blank" href="http://download.csdn.net/detail/xiaofenglu/7020661">http://download.csdn.net/detail/xiaofenglu/7020661</a>

繼續閱讀