HTML5 Plus简介

Similar documents
I

修改版-操作手册.doc

目 录 一 系 统 访 问... 1 二 门 户 首 页 申 报 用 户 审 核 用 户... 2 三 系 统 登 录 用 户 名 密 码 登 录 新 用 户 注 册 用 户 登 录 已 注 册 用

何 秋 琳 张 立 春 视 觉 学 习 研 究 进 展 视 觉 注 意 视 觉 感 知

说 明 为 了 反 映 教 运 行 的 基 本 状 态, 为 校 和 院 制 定 相 关 政 策 和 进 行 教 建 设 与 改 革 提 供 据 依 据, 校 从 程 资 源 ( 开 类 别 开 量 规 模 ) 教 师 结 构 程 考 核 等 维 度, 对 2015 年 春 季 期 教 运 行 基

云信Linux SSH认证代理用户手册

目 录 关 于 图 标... 3 登 陆 主 界 面... 3 工 单 管 理... 5 工 单 列 表... 5 搜 索 工 单... 5 工 单 详 情... 6 创 建 工 单... 9 设 备 管 理 巡 检 计 划 查 询 详 情 销 售 管

<433A5C446F63756D656E E E67735C41646D696E F725CD7C0C3E65CC2DBCEC4CFB5CDB3CAB9D3C3D6B8C4CFA3A8BCF2BBAFA3A95CCAB9D3C3D6B8C4CF31302D31392E646F63>

评 委 : 李 炎 斌 - 个 人 技 术 标 资 信 标 初 步 审 查 明 细 表 序 号 投 标 单 位 投 标 函 未 按 招 标 文 件 规 定 填 写 漏 填 或 内 容 填 写 错 误 的 ; 不 同 投 标 人 的 投 标 文 件 由 同 一 台 电 脑 或 同 一 家 投 标 单

<443A5C6D B5C30312EB9A4D7F7CEC4B5B55C30322EBACFCDACCEC4B5B55C C30342EC8CBC9E7CCFC5C31332ECFEEC4BFC5E0D1B55C E30385C322EB2D9D7F7CAD6B2E12E646F63>

Cybozu Garoon 3 管理员手册

评 委 : 徐 岩 宇 - 个 人 技 术 标 资 信 标 初 步 审 查 明 细 表 序 号 投 标 单 位 投 标 函 未 按 招 标 文 件 规 定 填 写 漏 填 或 内 容 填 写 错 误 的 ; 不 同 投 标 人 的 投 标 文 件 由 同 一 台 电 脑 或 同 一 家 投 标 单

引言

自 服 务 按 钮 无 法 访 问 新 系 统 的 自 服 务 页 面 因 此 建 议 用 户 从 信 网 中 心 ( 主 页, 右 下 角 位 置 的 常 用 下 载, 或 校 园 网 用 户 自 服 务 ( 首 页

《C语言基础入门》课程教学大纲

乐视云视频发行平台 操作手册 V1.1

4 进 入 交 互 区 设 置 的 组 件 管 理, 在 组 件 管 理 中, 教 师 可 以 选 择 课 程 空 间 中 的 所 有 组 件, 并 通 过 点 击 启 用 或 不 启 用 选 定 组 件 在 课 程 空 间 中 的 显 示 5 进 入 工 作 室 管 理 的 工 作 室 首 页,

2 熟 悉 Visual Basic 的 集 成 开 发 环 境 3 了 解 可 视 化 面 向 对 象 编 程 事 件 驱 动 交 互 式 开 发 等 基 本 概 念 4 了 解 Visual Basic 的 特 点 环 境 要 求 与 安 装 方 法 1 Visual Basic 开 发 应 用

( ) 信 号 与 系 统 Ⅰ 学 科 基 础 必 修 课 教 周 2016 年 06 月 13 日 (08:00-09:35) ( )

微软用户

登录、注册功能的测试用例设计.doc

联想电子订单操作指南

正 规 培 训 达 规 定 标 准 学 时 数, 并 取 得 结 业 证 书 二 级 可 编 程 师 ( 具 备 以 下 条 件 之 一 者 ) (1) 连 续 从 事 本 职 业 工 作 13 年 以 上 (2) 取 得 本 职 业 三 级 职 业 资 格 证 书 后, 连 续 从 事 本 职 业


深圳市新亚电子制程股份有限公司

定 位 和 描 述 : 程 序 设 计 / 办 公 软 件 高 级 应 用 级 考 核 内 容 包 括 计 算 机 语 言 与 基 础 程 序 设 计 能 力, 要 求 参 试 者 掌 握 一 门 计 算 机 语 言, 可 选 类 别 有 高 级 语 言 程 序 设 计 类 数 据 库 编 程 类

Microsoft Word - 第3章.doc

<4D F736F F D20BFC9B1E0B3CCD0F2BFD8D6C6CFB5CDB3C9E8BCC6CAA6B9FABCD2D6B0D2B5B1EAD7BC2E646F63>

世华财讯模拟操作手册

国债回购交易业务指引

标题

第2章 数据类型、常量与变量

PowerPoint 演示文稿

中 国 软 科 学 年 第 期!!!

 编号:

第 一 部 分 MagiCAD for Revit 安 装 流 程

第 9 章 如 果 打 印 机 通 过 FireWire 连 接, 则 HP 建 议 使 用 FireWire 模 块 添 加 打 印 机, 以 充 分 利 用 FireWire 打 印 的 各 项 功 能, 并 且 仅 使 用 IP over Firewire 访 问 打 印 机 的 内 嵌 式

Template BR_Rec_2005.dot

目 录 页 1. 欢 迎 使 用 网 上 预 约 面 谈 访 问 系 统 新 用 户 新 用 户 登 入 帐 户 程 序 启 动 网 上 预 约 面 谈 访 问 帐 户 核 对 帐 户 的 地 址 资 料

龚 亚 夫 在 重 新 思 考 基 础 教 育 英 语 教 学 的 理 念 一 文 中 援 引 的 观 点 认 为 当 跳 出 本 族 语 主 义 的 思 维 定 式 后 需 要 重 新 思 考 许 多 相 连 带 的 问 题 比 如 许 多 发 音 的 细 微 区 别 并 不 影 响 理 解 和

0 年 上 半 年 评 价 与 考 核 细 则 序 号 部 门 要 素 值 考 核 内 容 考 核 方 式 考 核 标 准 考 核 ( 扣 原 因 ) 考 评 得 3 安 全 生 产 目 30 无 同 等 责 任 以 上 道 路 交 通 亡 人 事 故 无 轻 伤 责 任 事 故 无 重 大 质 量

全国教师资格认定管理信息系统

珠江钢琴股东大会

采 取 行 动 的 机 会 90% 开 拓 成 功 的 道 路 2

目 录 一 激 活 账 号... 2 二 忘 记 密 码 后 如 何 找 回 密 码?... 3 三 如 何 管 理 学 校 信 息 及 球 队 学 生 教 师 等 信 息... 6 四 如 何 发 布 本 校 校 园 文 化? 五 如 何 向 教 师 发 送 通 知? 六

教师上报成绩流程图

目 录 前 言 学 习 平 板 电 脑 的 启 动 和 联 网 启 动 国 开 网 院 的 客 户 端 启 动 平 板 电 脑 设 置 网 络 启 动 国 开 网 院 客 户 端 国

上海证券交易所会议纪要


Microsoft Word - 第7章 图表反转形态.doc

目 录 版 本 更 新 说 明 导 读 读 者 对 象 手 册 内 容 简 介 软 件 简 介 基 本 术 语 技 术 支 持 基 本 流 程 操 作 步 骤... 8

中 日 信 息 化 的 比 较 与 合 作 一 中 日 信 息 化 的 规 模 比 较

工 程 造 价 咨 询 企 业 管 理 系 统 操 作 手 册 目 录 1 造 价 企 业 登 录 企 业 基 本 信 息 查 看 企 业 人 员 信 息 查 看 企 业 基 本 信 息 操 作 企 业 简 介 企 业 章

(Microsoft Word - NCRE\314\345\317\265\265\367\325\37313\324\27221\272\3051.doc)

 

i 1) 系 统 运 作 前 设 定 *1. [2.1 网 页 主 机 名 称 设 定 ] -- 设 定 校 务 系 统 的 主 机 IP 地 址, 以 供 其 他 个 人 电 脑 连 接 及 使 用 该 系 统 *2. [2.3.1 输 入 / 修 改 学 校 资 料 ] -- 输 入 系 统 使

全国艺术科学规划项目

Microsoft Word - Disclose.doc

名 称 生 命 科 学 学 院 环 境 科 学 1 生 物 学 仅 接 收 院 内 调 剂, 初 试 分 数 满 足 我 院 生 物 学 复 试 最 低 分 数 线 生 命 科 学 学 院 生 态 学 5 生 态 学 或 生 物 学 生 命 科 学 学 院

上证指数

操作手册

( 二 ) 现 行 统 一 高 考 制 度 不 利 于 培 养 人 的 创 新 精 神,,,,,,,,,,,,, [ ],,,,,,,,,,, :, ;,,,,,,? ( 三 ) 现 行 统 一 高 考 制 度 不 利 于 全 体 学 生 都 获 得 全 面 发 展,, [ ],,,,,,,,,,,

<4D F736F F D20416E64726F CAD6BBFABCE0BFD8BFCDBBA7B6CBCAB9D3C3CAD6B2E15F56322E302E646F63>

四川省农村义务教育学生

金 不 少 于 800 万 元, 净 资 产 不 少 于 960 万 元 ; (3) 近 五 年 独 立 承 担 过 单 项 合 同 额 不 少 于 1000 万 元 的 智 能 化 工 程 ( 设 计 或 施 工 或 设 计 施 工 一 体 ) 不 少 于 2 项 ; (4) 近 三 年 每 年

Microsoft Word - 文件汇编.doc

一 开 放 性 的 政 策 与 法 规 二 两 岸 共 同 的 文 化 传 承 三 两 岸 高 校 各 自 具 有 专 业 优 势 远 见 杂 志 年 月 日

目 录 办 公 OA 介 绍... 3 办 公 OA... 4 一. 收 件 箱 发 布 信 件 查 看 个 人 信 件... 7 二. 公 共 留 言 发 布 公 共 留 言 查 看 公 共 留 言... 9 三. 校 长 荐

生产支援功能 使用说明书(IP-110 篇)

<4D F736F F D20696F CAD6BBFABCE0BFD8BFCDBBA7B6CBCAB9D3C3CAD6B2E15F56322E302E646F63>

学 年 第 二 学 期 集 中 考 试 安 排 (18 周 ) 考 试 日 期 :6 月 27 日 星 期 一 8:10-9:50 第 二 公 共 教 学 楼 A 区 A 高 等 数 学 ( 理 二 2) 复 材 材 料 科 学 与 工 程

目 录 第 一 章 博 星 卓 越 电 子 商 务 营 销 策 划 实 践 平 台 硬 件 使 用 介 绍... 3 第 二 章 博 星 卓 越 电 子 商 务 营 销 策 划 实 践 平 台 管 理 员 端 功 能 使 用 介 绍 系 统 管 理 员 登 陆 班

白皮书

GB

01

18 上 报 该 学 期 新 生 数 据 至 阳 光 平 台 第 一 学 期 第 四 周 至 第 六 周 19 督 促 学 习 中 心 提 交 新 增 专 业 申 请 第 一 学 期 第 四 周 至 第 八 周 20 编 制 全 国 网 络 统 考 十 二 月 批 次 考 前 模 拟 题 第 一 学

¹ º ¹ º 农 业 流 动 人 口 是 指 户 口 性 质 为 农 业 户 口 在 流 入 地 城 市 工 作 生 活 居 住 一 个 月 及 以 上 的 流 动 人 口 非 农 流 动 人 口 是 指 户 口 性 质 为 非 农 户 口 在 流 入 地 城 市 工 作 生 活 居 住 一 个

2. 本 次 修 改 后, 投 资 者 申 购 新 股 的 持 有 市 值 要 求 市 值 计 算 规 则 及 证 券 账 户 使 用 的 相 关 规 定 是 否 发 生 了 变 化? 答 : 未 发 生 变 化 投 资 者 申 购 新 股 的 持 有 市 值 是 指, 以 投 资 者 为 单 位

(1) 连 续 从 事 本 职 业 工 作 2 年 以 上, 经 本 职 业 助 网 络 编 辑 师 正 规 培 训 达 规 定 标 准 学 时 数, 并 取 得 结 业 证 书 (2) 取 得 本 职 业 网 络 编 辑 员 职 业 资 格 证 书 后, 连 续 从 事 本 职 业 工 作 2 年

,,,,, :,, (.,, );, (, : ), (.., ;. &., ;.. &.., ;, ;, ),,,,,,, ( ) ( ),,,,.,,,,,, : ;, ;,.,,,,, (., : - ),,,, ( ),,,, (, : ),, :,

2006年顺德区高中阶段学校招生录取分数线

User

<4D F736F F D D323630D6D0B9FAD3A6B6D4C6F8BAF2B1E4BBAFB5C4D5FEB2DFD3EBD0D0B6AF C4EAB6C8B1A8B8E6>

证券代码: 证券简称:长城电脑 公告编号:

1 系统概述

<4D F736F F D20B9D8D3DA BDECB1CFD2B5C9FAC5C9C7B2B1A8B5BDB5C8D3D0B9D8B9A4D7F7B5C4CDA8D6AAA3A E362E38A3A92E646F63>

目 录 1. 考 生 电 脑 安 装 配 置 考 生 电 脑 系 统 需 求 初 次 使 用 故 障 修 复 试 卷 结 构 与 分 值 在 线 考 试 登 录 考 前 倒

火车浏览器脚本制作教程

一、资质申请

中国石化油品销售企业CRM调研报告

RG-SU V4.44使用说明书.doc

中 中 中 中 部 中 岗 位 条 件 历 其 它 历 史 师 地 理 师 生 物 师 体 与 健 康 师 从 事 中 历 史 工 从 事 中 地 理 工 从 事 中 生 物 工 从 事 中 体 与 健 康 工 2. 课 程 与 论 ( 历 史 ); 2. 科 ( 历 史 )

2) 注 册 内 容 填 写, 阅 读 注 册 协 议, 完 成 注 册 字 段 标 示 有 符 号 的, 为 下 拉 选 择,* 为 必 填 项 2. 厦 钨 B2B 加 入 线 上 供 应 商 申 请 1) 系 统 显 示 已 注 册 用 户 信 息, 可 打 开 左 列 供 应 商 管 理 条

一 从 分 封 制 到 郡 县 制 一 从 打 虎 亭 汉 墓 说 起

联想电子订单操作指南


第3章 创建数据库

HSK( 一 级 ) 考 查 考 生 的 日 常 汉 语 应 用 能 力, 它 对 应 于 国 际 汉 语 能 力 标 准 一 级 欧 洲 语 言 共 同 参 考 框 架 (CEF) A1 级 通 过 HSK( 一 级 ) 的 考 生 可 以 理 解 并 使 用 一 些 非 常 简 单 的 汉 语

浙江省网上政务大厅

目 录 第 一 章 行 政 办 公 介 绍 行 政 办 公 的 作 用... 4 第 二 章 行 政 办 公 使 用 说 明 会 议 管 理 会 议 管 理 概 述 如 何 设 置 会 议 室 如

Transcription:

HTML5plus 移 动 App 开 发 入 门 更 新 时 间 :2014 年 4 月 17 日 HTML5 Plus 应 用 概 述 HTML5 Plus 规 范 通 过 HTML5 开 发 移 动 App 时, 会 发 现 HTML5 很 多 能 力 不 具 备 为 弥 补 HTML5 能 力 的 不 足, 在 W3C 中 国 的 指 导 下 成 立 了 www.html5plus.org 组 织, 推 出 HTML5+ 规 范 HTML5+ 扩 展 了 JavaScript 对 象 plus, 使 得 js 可 以 调 用 各 种 浏 览 器 无 法 实 现 或 实 现 不 佳 的 系 统 能 力, 设 备 能 力 如 摄 像 头 陀 螺 仪 文 件 系 统 等, 业 务 能 力 如 上 传 下 载 二 维 码 地 图 支 付 语 音 输 入 消 息 推 送 等 HBuilder 的 手 机 原 生 能 力 调 用 分 2 个 层 面 : a) 跨 手 机 平 台 的 能 力 调 用 都 在 HTML5+ 规 范 里, 比 如 二 维 码 语 音 输 入, 使 用 plus.barcode 和 plus.speech 编 写 一 次, 可 跨 平 台 运 行 b) JS Bridge 是 另 一 项 创 新 技 术, 通 过 js 可 以 直 接 调 ios 和 android 的 原 生 API, 这 部 分 就 不 再 跨 平 台, 比 如 调 ios game center, 或 在 android 手 机 桌 面 创 建 快 捷 方 式 JSB 的 用 法 是,var obj= plus.android.import("android.content.intent");, 将 一 个 原 生 对 象 android.content.intent 映 射 为 js 对 象 obj, 然 后 在 js 里 操 作 obj 对 象 的 方 法 属 性 就 可 以 了 HTML5+ App 使 用 HTML5+ 开 发 的 移 动 App 并 非 mobile web 页 面 这 是 新 手 最 容 易 混 淆 的 地 方 mobile web 的 文 件 存 放 在 web 服 务 器 上, 而 移 动 App 的 文 件 存 放 在 手 机 本 地, 编 写 移 动 App 的 html js css 文 件 被 打 包 到 ipa 或 apk 等 原 生 安 装 包, 在 手 机 客 户 端 运 行 当 然 这 些 移 动 App 里 某 些 页 面 也 可 以 继 续 从 服 务 器 端 以 网 页 方 式 下 行 所 以 mobile web, 在 HBuilder 里 新 建 项 目 时, 属 于 web 项 目 不 要 放 置 到 移 动 App 项 目 下 mobile web 项 目 也 不 能 真 机 联 调 和 打 包 举 几 个 例 子 例 1: 一 个 mobile web 项 目, 想 打 包 成 移 动 App a) 在 HBuilder 里 新 建 一 个 web 项 目, 把 mobile web 代 码 放 进 去 b) 在 HBuilder 里 新 建 移 动 App c) 在 新 建 的 移 动 App 下 找 到 manifest.json, 将 其 中 的 入 口 页 面 配 置 为 mobile web 的 网 络 地 址 d) 然 后 点 发 行 打 包, 就 得 到 一 个 移 动 App 的 安 装 包 除 了 可 发 行 到 Appstore 和 桌 面 有 个 快 捷 方 式 外, 与 浏 览 器 的 体 验 不 会 有 其 他 区 别 e) 另 外 其 实 mobile web 的 代 码, 也 可 以 判 断 自 己 运 行 的 环 境, 如 果 UA 里 包 含 Html5Plus, 也 可 以 写 plus 对 象 来 调 用 原 生 能 力

例 子 2: 正 规 的 移 动 App( 没 有 网 页 进 度 条 ) a) 在 HBuilder 里 新 建 移 动 App 项 目 b) 在 移 动 App 里 编 写 html Js css 文 件, 本 地 js 通 过 ajax 方 式 请 求 服 务 器 数 据, 通 过 plus.net 对 象 避 开 跨 域 限 制 c) 移 动 App 里 的 js 可 以 通 过 plus 对 象 调 用 手 机 原 生 能 力 d) 编 写 好 的 移 动 App 点 打 包 变 成 安 装 包 例 子 3: 混 合 型 移 动 App 这 里 的 混 合 型 移 动 App, 所 指 并 非 是 原 生 和 HTML5 的 hybrid App, 而 是 指 一 部 分 页 面 是 本 地 的 HTML, 通 过 ajax 与 服 务 器 交 互, 另 一 部 分 页 面 是 从 服 务 器 下 行 的 mobile web 页 面 a) 分 别 新 建 一 个 web 项 目 和 一 个 移 动 App 项 目 b) 在 移 动 App 里 的 某 个 html 里 通 过 <a href= 或 者 location.href= 指 定 mobile web 的 页 面 地 址 HTML5+ 应 用 架 构 HTML5+ 规 范 API 最 新 规 范 请 参 考 http://www.html5plus.org/#specification 以 下 提 供 摘 要 表 格 信 息

手 机 端 体 验 各 个 API 的 实 现 效 果,ios 手 机 在 Appstore 搜 索 Hello H5+,Android 手 机 下 载 http://d.m3w.cn/helloh5p/helloh5.apk 设 备 和 业 务 能 力 特 性 API 功 能 Accelerometer plus.accelerometer. 提 供 设 备 加 速 度 传 感 器 管 理 能 力, 用 于 获 取 设 备 加 速 度 信 息 * Audio plus.audio.* 提 供 音 频 的 录 制 和 播 放 能 力 Cache plus.cache.* 提 供 应 用 缓 存 管 理 能 力 Camera plus.camera.* 提 供 设 备 的 摄 像 头 管 理 能 力, 用 于 拍 照 摄 像 操 作 Console plus.console.* 提 供 应 用 的 日 志 输 出, 用 于 调 试 跟 踪 Contacts plus.cotacts.* 提 供 系 统 联 系 人 操 作 能 力 Device plus.device.* 提 供 手 机 设 备 的 信 息 plus.screen.* plus.display.* plus.networkinfo.* Downloader plus.downloader.* 提 供 应 用 文 件 下 载 任 务 管 理 能 力, 支 持 跨 域 网 络 访 问 Events - 提 供 应 用 的 事 件 管 理 能 力, 如 应 用 前 后 台 切 换, 网 络 变 化 等 File plus.io.* 提 供 文 件 系 统 访 问 能 力 Gallery plus.gallery.* 提 供 访 问 系 统 相 册 能 力 Geolocation plus.geolocation.* 提 供 系 统 的 GPS 信 息 管 理 能 力 Invocation plus.ios.* 提 供 直 接 调 用 系 统 Native API 能 力 plus.android.* Messaging plus.messagin.* 提 供 设 备 的 通 讯 能 力 Orientation plus.orientation.* 提 供 设 备 方 向 感 应 器 管 理 能 力 Proximity plus.proximity.* 提 供 设 备 距 离 感 应 器 管 理 能 力 Storage plus.storage.* 提 供 应 用 本 地 数 据 存 储 能 力 UI plus.ui.* 提 供 多 窗 口 管 理 能 力 Uploader plus.uploader.* 提 供 应 用 文 件 上 传 任 务 管 理 能 力, 支 持 跨 域 网 络 访 问 Runtime plus.runtime.* 提 供 应 用 运 行 环 境 管 理 能 力 XMLHttpRequest plus.net.* 提 供 网 络 请 求 能 力, 支 持 跨 域 网 络 访 问 Zip plus.zip.* 提 供 文 件 的 压 缩 和 解 压 能 力 第 三 方 插 件 能 力 特 性 API 功 能 Barcode plus.barcode.* 提 供 二 维 码 扫 描 能 力 Maps plus.maps.* 提 供 原 生 地 图 展 现 能 力 ( 百 度 地 图 ) Payment plus.payment.* 提 供 第 三 方 支 付 能 力 ( 支 付 宝 ) Push plus.push.* 提 供 消 息 推 送 能 力 (MKey 企 业 内 网 专 用 push 个 推 )

Share plus.share.* 提 供 第 三 方 分 享 能 力 ( 新 浪 微 博 腾 讯 微 博 微 信 ) Speech plus.speech.* 提 供 第 三 语 音 识 别 能 力 ( 讯 飞 语 音 云 ) Statistic plus.statistic.* 提 供 第 三 方 统 计 能 力 ( 友 盟 统 计 ) 开 发 环 境 HBuilder HBuilder 内 置 HTML5+ APP 开 发 环 境, 提 供 一 套 完 整 的 移 动 应 用 开 发 解 决 方 案 内 置 HTML5+ API 语 法 提 示, 提 高 开 发 效 率 ; 集 成 真 机 运 行 环 境, 方 便 开 发 后 即 时 在 真 机 上 查 看 运 行 效 果 ; 集 成 应 用 云 端 打 包 系 统, 不 用 部 署 xcode 和 Android sdk 就 可 以 打 包 应 用 使 开 发 者 只 需 要 使 用 HTML5 CSS CSS 技 术 就 可 以 快 速 开 发 跨 平 台 的 移 动 应 用 下 载 地 址 :http://www.dcloud.net.cn/ 平 台 支 持 ios 5.0 及 以 上 Android 2.3 及 以 上 WP 8.0 及 以 上 ( 开 发 中 ) 手 把 手 教 你 开 发 HelloWord 创 建 HelloWord 应 用 启 动 HBuilder 在 菜 单 栏 中 选 择 文 件 -> 新 建 -> 移 动 App, 打 开 创 建 移 动 App 对 话 框, 在 应 用 名 称 中 输 入 HelloWorld 注 意 新 建 移 动 App 需 要 联 网 分 配 一 个 appid, 在 真 机 联 调 打 包 发 行 时 都 需 要 这 个 ID, 所 以 不 联 网 无 法 创 建 移 动 App

创 建 完 成 后, 会 在 项 目 管 理 器 中 显 示 新 建 的 HelloWorld 项 目 manifest.json 在 项 目 管 理 器 中 双 击 manifest.json 文 件, 打 开 程 序 信 息 配 置 页 面 :

应 用 基 础 信 息 应 用 名 称 : 应 用 安 装 到 手 机 上 显 示 的 名 称 ; appid: 应 用 标 识, 用 于 云 平 台 打 包, 不 可 修 改 ; 版 本 号 : 应 用 发 布 的 版 本 号 ; 入 口 页 面 : 应 用 启 动 后 默 认 显 示 的 页 面, 可 以 是 网 络 地 址 ; 重 力 感 应 : 应 用 在 手 机 上 开 启 重 力 感 应 时 可 切 换 的 方 向 ; 平 台 选 择 平 台 选 择 后 则 可 设 置 对 应 云 平 台 的 应 用 图 标 和 启 动 界 面, 点 击 图 标 则 可 弹 出 文 件 选 择 对 话 框, 按 照 提 示 尺 寸 选 择 对 应 分 辨 率 启 动 图 标 和 启 动 界 面 图 片 :

编 辑 完 成 后, 按 Ctrl+S 键 保 存 调 用 HTML5+ API 在 项 目 管 理 器 中 双 击 index.html 文 件, 对 于 HTML5+ 应 用 的 页 面 有 一 个 很 重 要 的 plusready 事 件, 此 事 件 会 在 页 面 加 载 后 自 动 触 发, 表 示 所 有 HTML5+ API 可 以 使 用, 在 此 事 件 触 发 之 前 不 能 调 用 HTML5+ API, 所 以 应 该 在 此 事 件 回 调 函 数 中 调 用 页 面 初 始 化 需 要 调 用 的 HTML5+ API, 而 不 应 该 在 onload 事 件 中 调 用 : <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>hello world</title> <script type="text/javascript"> // 扩 展 API 加 载 完 毕 后 触 发 plusready" 事 件 document.addeventlistener( "plusready", function() { var self = plus.ui.getselfwindow(); //... code }, false ); </script> </head> <body>... </body> </html> 编 辑 程 序 启 动 后 默 认 显 示 的 页 面 index.html, 在 页 面 中 添 加 一 个 按 钮, 点 击 后 将 打 开 新 页 面 加 载 http://www.baidu.com/, 为 了 实 现 此 功 能, 我 们 需 要 用 到 HTML5+ 扩 展 API 中 plus.ui.createwindow() 方 法 创 建 窗 口 :

编 辑 完 成 后, 按 Ctrl+S 键 保 存 真 机 运 行 添 加 调 用 HTML5+API 代 码 后, 我 们 可 以 通 过 真 机 运 行 来 查 看 效 果, 在 本 地 编 辑 的 页 面 保 存 后 可 同 步 在 真 机 上 看 到 保 存 后 的 显 示 效 果 注 意 只 有 移 动 App 项 目 才 可 以 真 机 联 调 ios 真 机 运 行 在 HBuilder 的 项 目 管 理 器 中 选 择 创 建 的 HelloWorld 应 用 启 动 真 机 运 行 将 ios 设 备 连 接 到 电 脑, 这 时 HBuilder 会 自 动 检 测 连 接 到 电 脑 上 的 设 备, 通 过 菜 单 栏 中 的 运 行 菜 单 启 动 :

也 可 通 过 工 具 栏 启 动 : 注 : 如 果 没 有 发 现 设 备, 则 确 认 设 备 是 否 安 装 itunes 程 序, 是 否 升 级 到 最 新 版 本? 或 者 尝 试 重 新 连 接 数 据 线! 安 装 真 机 运 行 环 境 信 息 : 启 动 真 机 运 行 后,HBuilder 会 自 动 在 设 备 上 安 装 真 机 运 行 环 境, 并 在 控 制 台 中 显 示 以 下 注 : 如 果 提 示 错 误 信 息, 请 尝 试 点 击 终 止 按 钮 后 重 新 启 动 真 机 运 行!

真 机 运 行 应 用 在 ios 设 备 上 可 看 到 新 安 装 的 HBuilder 应 用 图 标, 手 动 点 击 运 行 注 意 : 真 机 联 调 App 时, 提 供 的 是 一 个 测 试 环 境, 并 不 真 实 发 生 打 包, 手 机 端 App 界 面 还 有 develop 的 水 印, 其 手 机 桌 面 显 示 名 字 为 HBuilder, 图 标 也 是 HBuilder 的 图 标, 此 时 并 不 是 开 发 者 真 实 App 的 名 字 图 标 正 式 的 App 需 要 通 过 发 行 - 打 包 来 制 作, 打 包 后 的 App 名 字 图 标 都 是 开 发 者 定 义 的, 里 面 也 没 有 develop 的 水 印 启 动 后 会 弹 出 提 示 框, 选 择 确 定, 显 示 以 下 页 面 :

Android 真 机 运 行 将 Android 设 备 连 接 到 电 脑, 这 时 HBuilder 会 自 动 检 测 连 接 到 电 脑 上 的 设 备, 通 过 菜 单 栏 中 的 运 行 菜 单 启 动 : 也 可 通 过 工 具 栏 启 动 : 注 : 如 果 没 有 发 现 设 备, 请 安 装 360 手 机 助 手 等 手 机 驱 动, 保 证 手 机 和 PC 可 以 连 接 尝 试 重 新 连 接 数 据 线 另 外 有 些 数 据 线 质 量 不 好, 会 无 法 稳 定 连 接 运 行 一 次 后, 关 闭 时 务 必 点 停 止 运 行 的 红 色 方 块 按 钮, 否 则 下 次 连 接 很 可 能 阻 塞 安 装 真 机 运 行 环 境 信 息 : 启 动 真 机 运 行 后,HBuilder 会 自 动 在 设 备 上 安 装 真 机 运 行 环 境, 并 在 控 制 台 中 显 示 以 下 注 : 如 果 提 示 错 误 信 息, 请 尝 试 终 止 后 重 新 启 动 真 机 运 行!

真 机 运 行 应 用 在 Android 设 备 会 自 动 安 装 HBuilder 应 用, 在 桌 面 上 可 看 到 新 安 装 的 HBuilder 应 用 图 标 ( 有 些 设 备 会 在 应 用 列 表 页 面 中 ): 注 意 : 真 机 联 调 App 时, 提 供 的 是 一 个 测 试 环 境, 并 不 真 实 发 生 打 包, 手 机 端 App 界 面 还 有 develop 的 水 印, 其 手 机 桌 面 显 示 名 字 为 HBuilder, 图 标 也 是 HBuilder 的 图 标, 此 时 并 不 是 开 发 者 真 实 App 的 名 字 图 标 正 式 的 App 需 要 通 过 发 行 - 打 包 来 制 作, 打 包 后 的 App 名 字 图 标 都 是 开 发 者 定 义 的, 里 面 也 没 有 develop 的 水 印 启 动 后 会 弹 出 提 示 框, 选 择 确 定, 显 示 以 下 页 面 :

部 署 发 布 完 成 应 用 页 面 的 编 辑 后, 需 要 正 式 发 布 到 个 大 市 场, 这 时 需 要 从 云 平 台 进 行 安 装 包 的 制 作 通 过 菜 单 栏 中 的 发 行 -> App 打 包, 打 开 App 云 端 打 包 对 话 框 提 交 注 意 只 有 移 动 App 项 目 才 可 以 打 包 ios 发 布 对 于 ios 平 台, 可 以 选 择 越 狱 包 或 正 式 包 (Appstore 专 用 ), 前 者 只 能 安 装 在 已 越 狱 的 设 备 上, 后 者 则 可 通 过 idp 证 书 打 包 提 交 到 Appstore 发 布 或 通 过 iep 证 书 打 包 在 企 业 内 部 发 布 配 置 打 包 信 息 越 狱 包

AppID:iOS 应 用 标 识, 推 荐 使 用 反 向 域 名 风 格 的 字 符 串, 如 com.domainname.appname 正 式 包

AppID:iOS 应 用 标 识, 推 荐 使 用 反 向 域 名 风 格 的 字 符 串, 如 com.domainname.appname, 必 须 与 profile 文 件 绑 定 的 App ID 匹 配 私 钥 证 书 :ios Certificates 文 件 (.p12); 私 钥 密 码 : 导 入 私 钥 证 书 的 密 码 ; Profile 文 件 :ios Provisioning Profile 文 件 (.mobileprovision), 必 须 与 App ID 和 私 钥 证 书 区 配 ; 查 看 打 包 状 态 通 过 菜 单 栏 中 的 发 行 -> 查 看 打 包 状 态, 打 开 查 看 App 打 包 状 态 对 话 框, 可 查 看 打 包 历 史 记 录 和 状 态 :

如 果 制 作 状 态 栏 显 示 打 包 成 功, 下 载 完 成 则 表 示 云 端 打 包 完 成, 可 点 击 打 开 下 载 目 录 查 看 下 载 的 安 装 包 Android 发 布 对 于 Android 平 台, 可 以 选 择 使 用 DCloud 生 成 的 公 用 证 书 或 自 己 生 成 的 证 书, 两 者 不 影 响 安 装 包 的 发 布, 唯 一 的 差 别 就 是 证 书 中 开 发 者 和 企 业 信 息 不 同 生 成 Android 签 名 证 书 ( 使 用 DCloud 公 用 证 书 可 忽 略 ) 确 保 电 脑 上 安 装 了 JRE, 我 们 将 使 用 JRE 自 带 的 创 建 和 管 理 数 字 证 书 的 工 具 Keytool 使 用 以 下 命 令 生 成 证 书 :

-keystore helloworld.keystore 表 示 生 成 的 证 书, 可 以 加 上 路 径 ( 默 认 在 用 户 主 目 录 下 ); -alias helloworld 表 示 证 书 的 别 名 是 helloworld; -keyalg RSA 表 示 采 用 的 RSA 算 法 ; -validity 10000 表 示 证 书 的 有 效 期 是 10000 天 配 置 打 包 信 息 使 用 DCloud 公 用 证 书

App 包 名 : Android 应 用 包 名, 推 荐 使 用 反 向 域 名 风 格 的 字 符 串, 如 com.domainname.appname 使 用 自 有 证 书

App 包 名 : Android 应 用 包 名, 推 荐 使 用 反 向 域 名 风 格 的 字 符 串, 如 com.domainname.appname 证 书 别 名 : 生 成 证 书 时 使 用 -alias 参 数 设 置 的 证 书 别 名 ; 私 钥 密 码 : 生 成 证 书 时 使 用 的 keystore 密 码 ; 证 书 文 件 : 生 成 证 书 时 使 用 -keystore 参 数 设 置 的 证 书 保 存 路 径 ; 查 看 打 包 状 态 通 过 菜 单 栏 中 的 发 行 -> 查 看 打 包 状 态, 打 开 查 看 App 打 包 状 态 对 话 框, 可 查 看 打 包 历 史 记 录 和 状 态 :

如 果 制 作 状 态 栏 显 示 打 包 成 功, 下 载 完 成 则 表 示 云 端 打 包 完 成, 可 点 击 打 开 下 载 目 录 查 看 下 载 的 安 装 包

FAQ HTML5+ 是 否 提 供 UI 框 架 HTML5+ 本 身 不 包 括 任 何 UI 框 架, 我 们 推 荐 使 用 轻 量 级 UI 框 架 Ratchet, 其 他 框 架 如 Sencha Touch jquery Mobile jqtouch PhoneJS 等 性 能 略 差, 在 一 些 低 端 Android 机 上 无 法 流 畅 运 行 HBuilder 中 内 置 了 Ratchet 模 板 新 建 移 动 App, 在 菜 单 栏 中 选 择 文 件 -> 新 建 -> 移 动 App 在 创 建 移 动 App 对 话 框 中 选 择 Ratchet 模 板 : 只 能 云 端 打 包 吗? 支 持 本 地 打 包 吗? 支 持 本 地 打 包, 目 前 已 经 有 开 发 者 在 内 测 该 功 能, 未 来 会 全 面 开 放 js 不 能 跨 域, 本 地 HTML5 如 何 与 服 务 器 交 互? 使 用 plus.net 对 象 可 以 跨 域

plus 对 象 浏 览 器 不 支 持 啊, 是 不 是 需 要 引 用 什 么 js 框 架? 不 需 要 引 入 js 框 架,plus 对 象 需 要 系 统 底 层 支 持 而 不 是 单 纯 的 一 个 js 框 架 就 能 解 决 问 题 plus 对 象 在 DCloud 的 5+runtime 里 已 经 实 现 使 用 HBuilder 打 包 时, 是 把 工 程 里 的 html js css 和 DCloud 的 5+runtime 混 编 打 包 成 ipa 或 apk 的 也 可 以 把 5+runtime 理 解 为 cef, 一 种 没 有 地 址 栏 的 实 现 了 plus 对 象 的 增 强 浏 览 器 内 核 plus 规 范 是 开 放 的 吗, 我 可 以 自 己 实 现 plus 的 runtime 或 在 我 自 己 的 浏 览 器 里 支 持 plus 对 象 吗? plus 规 范 属 于 HTML5Plus.org, 是 开 放 规 范, 任 何 公 司 或 个 人 都 可 以 基 于 HTML5+ 规 范 开 发 自 己 的 手 机 端 实 现 什 么 是 响 应 式 应 用 : 一 套 代 码 根 据 不 同 运 行 环 境 调 用 不 同 能 力 来 优 化 用 户 体 验 比 如 文 本 框, 在 普 通 浏 览 器 下 就 是 一 个 文 本 输 入 框, 在 Chrome 浏 览 器 下 运 行 时 加 个 判 断 调 Chrome 的 语 音 输 入, 而 运 行 在 App 模 式 下, 则 再 加 一 个 判 断 调 用 原 生 的 语 音 识 别 SDK, 比 如 plus.speech 这 样 一 个 应 用 可 以 根 据 设 备 的 不 同 而 最 大 化 的 优 化 用 户 体 验, 这 种 模 式 很 有 魅 力, 对 用 户 而 言 体 验 更 好, 对 开 发 者 而 言 成 本 更 低 ios 如 何 安 装 越 狱 包 ios 设 备 需 要 进 行 越 狱 操 作 ( 威 锋 网 越 狱 教 程 ) 后 才 能 安 装 越 狱 包, 通 常 可 以 使 用 第 三 方 工 具 进 行 管 理, 如 itools( 官 网 ): 使 用 itools 工 具 安 装 安 装 itools 工 具 并 启 动 ( 注 : 需 安 装 itunes 工 具 ) 将 ios 手 机 连 接 到 电 脑, 这 时 itools 工 具 会 提 示 发 现 设 备, 并 确 定 设 备 越 狱 状 态 为 已 越 狱 :

右 侧 设 备 下 选 择 应 用 程 序, 点 击 安 装 选 择 越 狱 包 ipa 文 件 : 安 装 完 成 后 即 可 在 手 机 上 打 开 运 行 ios 安 装 越 狱 包 提 示 验 证 失 败 错 误 ios 设 备 需 要 进 行 越 狱 操 作 ( 威 锋 网 越 狱 教 程 ) 后 才 能 安 装 越 狱 包, 对 于 ios7.x 系 统 越 狱 操 作 后 需 要 确 认 是 否 安 装 安 装 afc2add AppSync 工 具?

安 装 afc2add AppSync 工 具 打 开 cydia 选 择 软 件 源 -> 编 辑 -> 添 加, 输 入 APT 地 址 : 添 加 源 完 成 后, 在 搜 索 页 面 搜 索 工 具 并 安 装 HBuilder 可 以 开 发 phonegap 应 用 吗? 首 先 HBuilder 的 语 法 提 示 库 是 开 放 的, 基 于 xml 语 法 库 文 件 或 jsdoc 这 2 种 方 式, 可 以 制 作 任 意 语 法 提 示 这 部 分 的 开 源 地 址 是 :https://github.com/dcloudio/webframeworkgrammar 只 要 有 人 制 作 了 phonegap 语 法 提 示 文 件, 导 入 到 HBuilder 里 就 可 以 提 示 HBuilder 支 持 eclipse 插 件, 开 发 者 完 全 可 开 发 一 个 eclipse 插 件 装 到 HBuilder 上, 实 现 phonegap 打 包 等 功 能