构建跨平台APP HTML 5+PhoneGap移动应用实战PDF电子书下载

第1章 HTML 5移动开发的大背景 1

1.1 HTML 5是什么 1

1.1.1 HTML 5的发展史 1

1.1.2 如何学习HTML 5 2

1.2 搭建HTML 5的移动Web开发环境 3

1.2.1 开发工具Sublime Text 3

1.2.2 浏览器Chrome或Firefox 4

1.2.3 浏览器下的移动测试环境 6

1.3 制作一个简单的HTML 5标准移动Web页面 7

1.4 检测移动设备是否支持HTML 5标签 8

1.4.1 原生的标签兼容提示 8

1.4.2 浏览器检测 9

1.4.3 特征检测 10

1.5 为什么HTML 5需要PhoneGap 10

1.6 小结 11

第2章 HTML 5的页面元素 12

2.1 从全局了解HTML 5 12

2.1.1 显示内容的交互 12

2.1.2 HTML 5页面与XHTML页面的对比 13

2.1.3 元素的使用场景和使用方法 14

2.1.4 HTML 5中的字符集 16

2.2 HTML 5表单元素的变化 16

2.2.1 新增的input元素 16

2.2.2 新增的input属性 18

2.2.3 HTML 5表单的验证方法 22

2.3 HTML 5专为移动设计的拖放 24

2.3.1 控制拖放操作 24

2.3.2 监听拖放事件 25

2.3.3 看看这些带拖放功能的网站 26

2.4 实例：构建网页的拖放应用 28

2.5 小结 30

第3章 HTML 5的移动布局 31

3.1 移动页面的样式设计利器CSS 3 31

3.1.1 个性化的字体 31

3.1.2 可重复使用的背景图 33

3.1.3 轻松实现文字效果 35

3.1.4 设计边框特效 37

3.1.5 实现文本的多列布局 40

3.1.6 转换特效 41

3.1.7 过渡特效 43

3.2 响应式Web设计 45

3.2.1 什么是响应式Web设计 45

3.2.2 流式布局 47

3.2.3 媒体查询 49

3.2.4 Twitter Bootstrap理念 52

3.2.5 将Bootstrap应用到自己的项目中 55

3.3 实例：应用媒介查询制作响应式导航栏 56

3.4 小结 59

第4章 HTML 5的地理位置定位 60

4.1 复习一下纬度和经度 60

4.2 了解Geolocation API 61

4.2.1 Geolocation提供的方法 61

4.2.2 Geolocation提供的地理数据 62

4.2.3 检测浏览器是否支持地理定位 63

4.3 使用Geolocation API 64

4.3.1 获取用户当前的地理位置 64

4.3.2 访问地理位置的安全问题 65

4.4 实例1：手机地理定位 67

4.5 实例2：使用谷歌地图查找路线 70

4.6 小结 79

第5章 HTML 5的Web Workers 80

5.1 认识Web Workers 80

5.1.1 Web Workers的应用场合 80

5.1.2 与HTML 5 Web Workers通信 81

5.1.3 多个JavaScript文件的加载 82

5.1.4 终止Web Workers的监听操作 82

5.1.5 利用Web Workers创建一个简单的页面计数器 82

5.2 实战Web Workers 84

5.2.1 实例1：大数量的图片处理 84

5.2.2 实例2：实现微博消息的实时推送 87

5.2.3 实例3：预览网页的内容 91

5.2.4 实例4：定时给网站用户发消息 96

5.3 小结 103

第6章 HTML 5的Web存储 104

6.1 认识HTML 5的Web Storage 104

6.1.1 为什么使用Web Storage 104

6.1.2 Web的存储方式：LocalStorage与SessionStorage 105

6.1.3 Web Storage如何获取和保存数据 107

6.2 网站本地存储兼容性方案 108

6.3 如何在实际开发中使用本地存储 114

6.4 实例1：保存与读取登录用户名与密码 115

6.5 实例2：共享存储数据 118

6.6 小结 121

第7章 HTML 5的多媒体 122

7.1 视频的进化 122

7.1.1 常见的视频格式 122

7.1.2 传统的网页视频与HTML 5视频 123

7.2 HTML 5中的音频 124

7.3 使用JavaScript控制播放 124

7.4 audio标签和video标签的浏览器支持情况 125

7.5 音视频的实时通信 126

7.6 打造自己的音频播放器 128

7.7 打造自己的视频播放器 131

7.8 小结 135

第8章 PhoneGap入门 136

8.1 走近PhoneGap 136

8.1.1 PhoneGap的发展历史 136

8.1.2 PhoneGap的特色 138

8.2 搭建PhoneGap的开发环境 140

8.2.1 安装NodeJS 141

8.2.2 安装PhoneGap 142

8.2.3 安装PhoneGap Desktop APP进行测试 144

8.3 创建第一个PhoneGap APP 146

8.4 PhoneGap Desktop APP常见的几个错误 151

8.5 PhoneGap你要知道的知识 152

8.5.1 编辑工具的选择 152

8.5.2 PhoneGap中有哪些API 153

8.5.3 使用云在线编译PhoneGap 154

8.6 在PhoneGap中调试HTML 5程序 155

8.7 小结 156

第9章 PhoneGap的事件处理 157

9.1 程序也有生命周期 157

9.1.1 程序对生命周期的定义 157

9.1.2 PhoneGap的生命周期 159

9.2 事件实战 160

9.2.1 使用程序加载事件 161

9.2.2 使用被动消息事件 163

9.2.3 使用主动消息事件 165

9.3 PhoneGap中文乱码的解决方案 167

9.4 小结 168

第10章 PhoneGap对信息的处理 169

10.1 使用PhoneGap获取移动设备信息 169

10.2 PhoneGap程序运行慢的解决方案 170

10.3 实例：用PhoneGap制作查看设备的应用 172

10.3.1 APP的界面设计 172

10.3.2 APP的功能实现 174

10.4 通讯录信息的获取 177

10.4.1 创建一个联系人 177

10.4.2 查找通讯录 178

10.4.3 联系人包括哪些属性 180

10.4.4 联系人的各种编辑操作 183

10.4.5 复杂的联系人属性ContactField 185

10.5 PhoneGap的消息提示 188

10.5.1 notification警告的使用 188

10.5.2 确认对话框的使用 190

10.5.3 显示可以传递参数的对话框 192

10.5.4 控制蜂鸣器和震动 194

10.6 小结 195

第11章 加速度、地理位置和指南针 196

11.1 认识加速度传感器 196

11.1.1 获取当前的加速度 196

11.1.2 监视设备的加速度 198

11.1.3 详解“加速度传感器”对象 201

11.2 加速度传感器的使用场景 201

11.3 地理位置的使用 202

11.3.1 获取手机地理信息 203

11.3.2 获取当前所在坐标 203

11.3.3 监控手机的位置变化 206

11.4 指南针 209

11.4.1 获取手机的方向 209

11.4.2 监视手机方向的两种方法 212

11.5 实例：手机“摇一摇”出大奖 214

11.5.1 原形设计 214

11.5.2 素材准备 214

11.5.3 动画实现 215

11.5.4 最终实现 219

11.6 如果默认没有安装Geolocation怎么办 223

11.7 小结 224

第12章 PhoneGap中的多媒体控制 225

12.1 音频的处理 225

12.1.1 利用PhoneGap播放网络音乐音频 225

12.1.2 为播放音乐设置暂停功能 227

12.1.3 为播放音乐设置停止功能 229

12.1.4 获取音频文件的更多信息 230

12.1.5 播放指定位置的音乐 233

12.1.6 使用PhoneGap录制声音 236

12.1.7 资源有限时释放音频资源 238

12.2 使用Capture来采集声音 238

12.3 使用Capture采集图像信息 241

12.4 使用采集视频信息 245

12.5 实战：手机上的录音机 247

12.5.1 需求分析 247

12.5.2 界面实现 248

12.5.3 界面交互的实现 253

12.5.4 录音和播放功能的实现 256

12.5.5 完整的案例呈现 258

12.6 小结 260

第13章 PhoneGap的本地存储 261

13.1 手机上可以使用的本地存储 261

13.1.1 HTML 5中的本地存储 261

13.1.2 PhoneGap中的本地存储功能 264

13.2 PhoneGap对数据库的操作 265

13.2.1 数据库的使用 265

13.2.2 数据库内容的读取 269

13.3 键值对的使用方法 272

13.4 小结 275

第14章 一个简单的“今日头条”新闻APP 276

14.1 “今日头条”的功能 276

14.2 “今日头条”的界面设计和实现 276

14.2.1 新闻列表界面的设计 277

14.2.2 新闻内容页的实现 280

14.2.3 界面的进一步整合 284

14.3 利用Ajax获取服务器上的信息 286

14.3.1 使用Ajax获取JSON数据 286

14.3.2 使用JavaScript跨域解决方案 288

14.3.3 “今日头条”服务端的实现 290

14.4 让数据显示出来 294

14.4.1 新闻列表的显示 294

14.4.2 新闻内容的显示 296

14.4.3 项目的最终实现 297

14.5 小结 301

第15章 HTML 5+PhoneGap实现通讯录APP 302

15.1 项目介绍 302

15.2 为PhoneGap编写插件 303

15.2.1 实现发短信的插件 304

15.2.2 为PhoneGap编写电话拨号插件 308

15.3 通讯录APP的界面设计 310

15.4 通讯录APP的界面实现 312

15.4.1 联系人列表 312

15.4.2 新建联系人界面 314

15.4.3 短信编辑界面 316

15.5 界面功能的实现 317

15.5.1 联系人数据的生成 317

15.5.2 页面的整合 323

15.6 通讯录APP最终功能的实现 328

15.7 小结 331

附录 安卓开发环境的搭建 332