firefox os app day_writing web apps.pdfVIP

Text FIREFOX OS 应用开发、发布 使用HTML5, CSS 和 JavaScript 使用HTML5, CSS 和 JavaScript 建立Web应用. 建立Web应用. Web应用 Web应用 •使用标准Web技术和Web工具开发，在 浏览器中运行 •Web站点添加少量信息可以改造为Web 应用。 •运行于多种平台：桌面浏览器、移动 设备。 Web应用源码结构 • HTML文件 • JS文件 • CSS、图像及其他 资源 • Manifest文件 步骤 步骤 使用HTML5, CSS, 1. Javascript 开发web应用 2. 为应用创建manifest文件 3. 发布/安装应用 使用HTML5, CSS, Javascript 开发web应用 1. • 重用现有的网站/web应用，或者从头开发新的web应用。 • 利用HTML5的功能: • 本地存储(Local Storage) • 离线清单(Offline manifest) • 索引型数据库(Indexed DB) • Web API • 设计要适应不同的屏幕分辨率和屏幕方向。 为应用创建manifest文件 创建一个manifest.webapp描述文件 创建一个manifest.webapp描述文件 { version: 1.0, name: “My App, description: “Simple app description!, icons: { “60: /img/icon-60.png }, developer: { name: Mozilla Labs, url: }, “permissions: { “settings: {“access, “readwrite” }, “camera: {} }, installs_allowed_from: [*], appcache_path: /cache.manifest, locales: { “en: { name: “My App, description: Simple app description }, “zh-CN: { “name”: “My App”, “description”: “应用的简单描述。 } }, default_locale: en } 应用权限(Permission) • 部分功能敏感的WebAPI使用前需要声明权限 • 声明格式 访问属性包括： 访问属性包括： read read readwrite • {权限名: {访问属性}} readwrite readcreate