在熟悉了Firefox os的基本功能后，准备实践一下。
firefox os应用是采用html5编写，不过与html5不同的是需要在应用的根目录建立一个名为manifest.webapp的文件，这样浏览器可以通过manifest.webapp获取到该应用的一些基本信息，如：名称、描述、版本、图标、开发者信息、api使用期限、权限等。
一、代码示例
现在建立一个名为 manifest.webapp的文件，代码为：
{
"name": "myfirstos",
"description": "My elevator pitch goes here ",
"launch_path": "/index.html",
"icons": {
"64": "/img/app-64.png"
},
"developer": {
"name": "xiaofenglu",
"url": "http://blog.csdn.net/xiaofenglu"
},
"default_locale": "en"
}
新建index.html代码如下，只是加载了一个图片（图片来自网络，如有侵权请留言)：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div><p style="width:100%"><img style="width:100%;" src="p9718659.jpg" /></p> </div> </body> </html>
二、应用安装
下面介绍一下如何进行安装，呵呵，因为没有真机，所以在这里介绍如何在模拟器上进行安装：
如果不知道模拟器如何安装，请参照：
怎么安装firefox os模拟器？
（1）打开模拟器
点击Add Directory 按钮，选择程序所在的目录，选中“manifest.webapp”，确定即可，如下图所示：
（3）这样在程序列表中就多了一个应用如下图所示：
从列表中可以看出，列表中出现了一个名为“myfirstos”的目录，我们发现该名称正好和“manifest.webapp”中的name的名字一样。
（4）效果展示
点击“Refresh”按钮，就可以看到模拟器上显示出的效果如下图所示：
附源代码下载地址：
