Firefox os app 开发实践


在熟悉了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”按钮,就可以看到模拟器上显示出的效果如下图所示:

附源代码下载地址:

http://download.csdn.net/detail/xiaofenglu/7020661

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值