Firefox os app 开发实践
2014-03-11 08:51
543 查看
在熟悉了Firefox os的基本功能后,准备实践一下。
firefox os应用是采用html5编写,不过与html5不同的是需要在应用的根目录建立一个名为manifest.webapp的文件,这样浏览器可以通过manifest.webapp获取到该应用的一些基本信息,如:名称、描述、版本、图标、开发者信息、api使用期限、权限等。
一、代码示例
现在建立一个名为 manifest.webapp的文件,代码为:
新建index.html代码如下,只是加载了一个图片(图片来自网络,如有侵权请留言):
二、应用安装
下面介绍一下如何进行安装,呵呵,因为没有真机,所以在这里介绍如何在模拟器上进行安装:
如果不知道模拟器如何安装,请参照:
点击Add Directory 按钮,选择程序所在的目录,选中“manifest.webapp”,确定即可,如下图所示:
(3)这样在程序列表中就多了一个应用如下图所示:
从列表中可以看出,列表中出现了一个名为“myfirstos”的目录,我们发现该名称正好和“manifest.webapp”中的name的名字一样。
(4)效果展示
点击“Refresh”按钮,就可以看到模拟器上显示出的效果如下图所示:
附源代码下载地址:
http://download.csdn.net/detail/xiaofenglu/7020661
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
相关文章推荐
- HDOJ1017 A Mathematical Curiosity
- Android Application 对象介绍
- Android学习系列(6)--App模块化及工程扩展
- ArcGIS Runtime SDK for iOS开发系列教程(7)——GeometryService与GeometryEngine使用
- Android中文翻译组
- ArcGIS Runtime SDK for iOS开发系列教程(6)——Tasks使用的一般流程
- Objective-C在ARC下结合GCD的单例模式和宏模版
- 微信平台第三方开发者的自述:微信公众平台只能是腾讯的菜?
- Android开发小记
- Windows下搭建Objective-C学习环境
- 关于jquery appendTo方法 是移动对象还是复制对象
- Unity3D NGUI 二 NGUI Button怎样接受用户点击并调用函数,具体方法名称是什么
- Objective-C如何自己实现一个for-each语法形式
- 游戏客户端之cocos2dx客户端应用思路
- android学习: 酷狗手机遥控器
- 微信开发
- 微信公众平台消息接口API指南
- 微信公众平台开发(83) 生成带参数二维码
- Android 无法创建AVD问题解决方法
- 微信公众平台消息接口开发之校验签名与消息响应合并