HTML5移动Web开发实战.pdf

HTML5移动Web开发实战.pdf
 

书籍描述

编辑推荐
HTML5和移动开发,都是目前最热门的话题。这两种话题的结合,有实际的应用开发需求。60多种技巧,帮助你构建针对iphone5、android、等手机系统的快速、响应式HTML移动网站。书中的特点在于简明收的风格,精心挑选的任务和问题,高效解决问题的清晰指导,举一反三,将解决方案用于其它情况。

媒体推荐
60多种技巧 , 帮助你构建针对iPhone 5 、Android、Windows Phone和Blackberry的快速、 响应式HTML移动网站本书特色

·简明手册的风格;
·精心挑选的任务和问题;
·高效解决问题的清晰指导;
·举一反三,将解决方案用于其他情况。

作者简介
作者简介
石川有超过5年的Web开发经验,他是HTML5 Boilerplate项目的成员,Mobile Boilerplate(http://h5bp.com/mobile)的主要开发人员,JavaScript Patterns项目(http://shichuan.github.com/javascript-patterns)的所有人。他现在是居住在美国和中国的独立开发者,你可以在他的个人网站http://www.blog.highub.com上找到更多的信息。他爱好阅读、旅游、美食以及电子技术、Indie音乐。

译者简介
刘旸:经历过各种技术和职位,最终发现前端开发才是其归宿,现为ThoughtWorks前端程序员,专注于实践优秀的前端代码架构。同时也是ThoughtWorks UX Group一员,关注用户体验以及响应式设计、视差滚动等新兴设计元素。热衷于分享、社区活动、结交朋友。博客:zation.me。新浪微博:@Zation。

刘先宁:2008年毕业于西安交通大学软件工程学院,ThoughtWorks(成都)咨询师,ThoughtWorks Mobile Lab成员,长期从事软件研发一线工作,热爱互联网,喜欢各种新技术,喜欢分享、讨论。喜欢户外运动。新浪微博:@xianlinbox。

目录
目 录

第1章 HTML5与移动网站 1
1.1 简介 1
1.2 确定网站的适用移动设备 2
1.2.1 用户最常用的平台和浏览器是什么 3
1.2.2 有多少用户使用支持现代脚本的移动设备 3
1.2.3 Google Analytics的替代品 4
1.2.4 Google Analytics的精准度 4
1.2.5 对服务端读取速度的担忧 5
1.3 配置移动开发工具 5
1.3.1 准备 5
1.3.2 实践 5
1.3.3 回顾 6
1.3.4 延伸 6
1.4 BlackBerry仿真器 7
1.4.1 准备 7
1.4.2 实践 7
1.5 配置移动开发环境 9
1.5.1 准备 9
1.5.2 实践 9
1.5.3 回顾 10
1.5.4 延伸 10
1.6 在移动网站中使用HTML5 12
1.6.1 准备 12
1.6.2 实践 12
1.6.3 回顾 12
1.6.4 延伸 12
1.7 跨浏览器HTML5 14
1.7.1 准备 14
1.7.2 实践 14
1.7.3 回顾 15
1.7.4 延伸 16
1.8 移动设计 17
1.8.1 准备 17
1.8.2 实践 17
1.8.3 回顾 20
1.8.4 延伸 21
1.9 定义一个内容策略 23
1.9.1 准备 23
1.9.2 实践 23
1.9.3 回顾 25
1.9.4 延伸 25

第2章 移动端的配置和优化 27
2.1 简介 27
2.2 通过界面图标启动Web应用 28
2.2.1 准备 28
2.2.2 实践 28
2.2.3 回顾 29
2.2.4 延伸 30
2.2.5 参考 31
2.3 避免文本字体大小重置 31
2.3.1 准备 32
2.3.2 实践 33
2.3.3 回顾 34
2.3.4 延伸 34
2.4 优化浏览器视口宽度设置 35
2.4.1 准备 35
2.4.2 实践 36
2.4.3 回顾 37
2.4.4 延伸 38
2.5 修复移动版Safari的re-flow scale问题 38
2.5.1 准备 39
2.5.2 实践 40
2.5.3 回顾 42
2.5.4 延伸 42
2.6 在浏览器中启动手机原生应用 43
2.6.1 准备 43
2.6.2 实践 43
2.6.3 回顾 44
2.6.4 延伸 45
2.7 iPhone下全屏模式启动 46
2.7.1 准备 46
2.7.2 实践 46
2.7.3 回顾 47
2.7.4 延伸 47
2.8 防止iOS在聚焦时自动缩放 48
2.8.1 准备 48
2.8.2 实践 48
2.8.3 回顾 49
2.8.4 延伸 50
2.9 禁用或限制部分WebKit特性 50
2.9.1 准备 50
2.9.2 实践 50
2.9.3 回顾 52
2.9.4 延伸 52

第3章 移动设备的交互方式 54
3.1 简介 54
3.2 利用触控来移动页面元素 54
3.2.1 准备 54
3.2.2 实践 55
3.2.3 回顾 56
3.2.4 延伸 56
3.2.5 参考 57
3.3 检测和处理横竖屏切换事件 57
3.3.1 准备 57
3.3.2 实践 58
3.3.3 回顾 60
3.3.4 延伸 60
3.3.5 参考 64
3.4 利用手势旋转页面元素 64
3.4.1 准备 64
3.4.2 实践 64
3.4.3 回顾 66
3.4.4 延伸 66
3.4.5 参考 67
3.5 利用滑动创建图库 67
3.5.1 准备 67
3.5.2 实践 67
3.5.3 回顾 70
3.5.4 延伸 70
3.5.5 参考 71
3.6 利用手势操作图片缩放 72
3.6.1 准备 72
3.6.2 实践 72
3.6.3 回顾 73
3.6.4 延伸 73
3.6.5 参考 74

第4章 构建快速响应式移动互联网站点 75
4.1 简介 75
4.2 使用HTML5语法构建页面 76
4.2.1 准备 76
4.2.2 实践 76
4.2.3 回顾 77
4.2.4 延伸 78
4.2.5 参考 79
4.3 使用CSS3特性做渐进增强 79
4.3.1 准备 80
4.3.2 实践 80
4.3.3 回顾 82
4.3.4 延伸 83
4.3.5 参考 84
4.4 使用响应式设计 84
4.4.1 准备 85
4.4.2 实践 85
4.4.3 回顾 87
4.4.4 延伸 87
4.5 优化polyfills脚本的加载速度 87
4.5.1 准备 87
4.5.2 实践 87
4.5.3 回顾 88
4.5.4 延伸 90
4.5.5 参考 90
4.6 检测用户客户端 90
4.6.1 准备 90
4.6.2 实践 90
4.6.3 回顾 91
4.6.4 延伸 91
4.7 使用书签气泡为应用添加桌面快捷方式 92
4.7.1 准备 92
4.7.2 实践 92
4.7.3 回顾 93
4.7.4 参考 93
4.8 构建可自动伸缩的文本输入框 94
4.8.1 准备 94
4.8.2 实践 94
4.8.3 回顾 95
4.8.4 延伸 95
4.8.5 参考 96
4.9 加速按钮反馈 96
4.9.1 准备 96
4.9.2 实践 96
4.9.3 回顾 97
4.9.4 延伸 99
4.9.5 参考 99
4.10 隐藏浏览器的地址栏 99
4.10.1 准备 99
4.10.2 实践 99
4.10.3 回顾 101
4.10.4 参考 102
4.11 构建移动互联网站点的站点地图 102
4.11.1 准备 102
4.11.2 实践 102
4.11.3 回顾 103
4.11.4 延伸 103

第5章 移动设备访问 104
5.1 简介 104
5.2 获取位置信息 105
5.2.1 准备 105
5.2.2 实践 105
5.2.3 回顾 107
5.2.4 延伸 107
5.3 跨浏览器定位 107
5.3.1 准备 107
5.3.2 实践 108
5.3.3 回顾 109
5.3.4 延伸 109
5.4 基于地理信息显示地图 110
5.4.1 准备 110
5.4.2 实践 110
5.4.3 回顾 112
5.4.4 延伸 113
5.5 实时显示地理位置 114
5.5.1 准备 114
5.5.2 实践 114
5.5.3 回顾 117
5.6 使用DeviceOrientation事件 118
5.6.1 准备 118
5.6.2 实践 118
5.6.3 回顾 120
5.6.4 延伸 121
5.7 使用foursquare的定位 122
5.7.1 准备 122
5.7.2 实践 122
5.7.3 回顾 123
5.7.4 延伸 124

第6章 移动富媒体 125
6.1 简介 125
6.2 移动设备上播放音频 126
6.2.1 准备 126
6.2.2 实践 126
6.2.3 回顾 127
6.2.4 延伸 128
6.3 移动设备上播放视频 129
6.3.1 准备 130
6.3.2 实践 130
6.3.3 回顾 131
6.3.4 延伸 132
6.4 使用离线缓存 132
6.4.1 准备 133
6.4.2 实践 133
6.4.3 回顾 134
6.4.4 延伸 134
6.5 使用网络存储(Web Storage) 136
6.5.1 准备 136
6.5.2 实践 136
6.5.3 回顾 139
6.5.4 延伸 139
6.6 使用Web Workers 140
6.6.1 准备 141
6.6.2 实践 141
6.6.3 回顾 143
6.7 使用session和history API构建类Flash导航效果 145
6.7.1 准备 146
6.7.2 实践 146
6.7.3 回顾 148
6.7.4 延伸 149

第7章 移动设备调试 150
7.1 简介 150
7.2 使用Opera Dragonfly远程调试 150
7.2.1 准备 150
7.2.2 实践 151
7.2.3 回顾 153
7.2.4 延伸 153
7.3 使用weinre远程调试 153
7.3.1 准备 154
7.3.2 实践 154
7.3.3 回顾 155
7.4 在移动设备上使用Firebug 157
7.4.1 准备 157
7.4.2 实践 157
7.4.3 回顾 158
7.4.4 延伸 159
7.5 使用JS Console远程调试 160
7.5.1 准备 160
7.5.2 实践 160
7.5.3 回顾 162
7.5.4 延伸 163
7.6 设置移动Safari调试器 163
7.6.1 准备 163
7.6.2 实践 163
7.6.3 回顾 167

第8章 服务器端性能调优 168
8.1 简介 168
8.2 防止移动设备转码(Mobile Transcoding) 169
8.2.1 准备 169
8.2.2 实践 169
8.2.3 回顾 169
8.2.4 延伸 170
8.3 添加移动设备支持的MIME类型 170
8.3.1 准备 170
8.3.2 实践 171
8.3.3 回顾 171
8.3.4 延伸 171
8.4 正确显示cache manifest文件 171
8.4.1 准备 172
8.4.2 实践 172
8.4.3 回顾 172
8.5 在头文件设置未来过期时间 172
8.5.1 准备 172
8.5.2 实践 173
8.5.3 回顾 173
8.5.4 延伸 175
8.6 使用Gzip压缩 175
8.6.1 准备 175
8.6.2 实践 176
8.6.3 回顾 177
8.6.4 延伸 178
8.7 移除ETags 178
8.7.1 准备 179
8.7.2 实践 179
8.7.3 回顾 179
8.7.4 延伸 179

第9章 移动性能测试 181
9.1 简介 181
9.2 使用Blaze的移动设备速度测试 181
9.2.1 准备 182
9.2.2 实践 182
9.2.3 回顾 183
9.2.4 延伸 183
9.3 在线分析移动页面速度 184
9.3.1 准备 184
9.3.2 实践 184
9.3.3 回顾 185
9.3.4 延伸 186
9.4 PCAP网站性能分析 186
9.4.1 准备 186
9.4.2 实践 187
9.4.3 回顾 188
9.4.4 延伸 188
9.5 移动版HTTP Archive 189
9.5.1 准备 189
9.5.2 实践 189
9.5.3 回顾 190
9.5.4 延伸 190
9.6 使用Jdrop存储性能数据 191
9.6.1 准备 191
9.6.2 实践 191
9.6.3 回顾 192
9.6.4 延伸 192

第10章 拥抱移动互联网特性 193
10.1 简介 193
10.2 window.onerror 194
10.2.1 准备 194
10.2.2 实践 194
10.2.3 回顾 195
10.2.4 延伸 195
10.3 使用ECMAScript 5中的新方法 195
10.3.1 准备 196
10.3.2 实践 196
10.3.3 回顾 197
10.3.4 延伸 199
10.4 HTML5中新的输入类型 200
10.4.1 准备 200
10.4.2 实践 200
10.4.3 回顾 201
10.4.4 延伸 202
10.5 在HTML中内嵌SVG 202
10.5.1 准备 202
10.5.2 实践 202
10.5.3 回顾 202
10.5.4 延伸 202
10.6 position:fixed 203
10.6.1 准备 203
10.6.2 实践 203
10.6.3 回顾 204
10.7 overflow:scroll 204
10.7.1 准备 204
10.7.2 实践 204
10.7.3 回顾 205
10.7.4 延伸 205

内容简介
  当今,移动应用开发掀起软件行业的新一轮浪潮。然而,手机设备发展迅猛,屏幕尺寸各不相同、存储和性能仍有局限性,如何在多平台上创建高性能、响应式的移动网站,是程序员所要面对的首要挑站。
  《HTML5移动Web开发实战》提供了应对这一挑战的解决方案。通过阅读本书,你将了解如何有效地利用最新的HTML5的那些针对移动网站的功能,横跨多个移动平台。全书共分10章,从移动Web、设备端配置和优化,变互、响应式设计、设备访问,调试、性能测试、富媒体等角度出发,包含了60多个实用的示倒,详细阐释如何构建快速、响应式的HTML5移动网站,适用于iOS、Android、Windows Phone和BlackBerry等众多主流移动应用平台。
  《HTML5移动Web开发实战》作者是HTML5 Boilerplate项目的成员,Mobile Boilerplate(http://h5bp.com/mobile)的主要开发人员。《HTML5移动Web开发实战》为那些致力于实现高性能、响应式、跨平台的HTML5移动网站的程序员量身打造,也适合对移动Web开发感兴趣的读者学习参考。

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多