HTML5移动Web开发实战目录

时间：2023-06-23 22:51:01 | 来源：营销百科

时间：2023-06-23 22:51:01 来源：营销百科

HTML5移动Web开发实战目录：第1章 HTML5与移动网站 1
1.1 简介 1
1.2 确定网站的适用移动设备 2
1.2.1 用户最常用的平台和浏览器是什么 3
1.2.2 有多少用户使用支持现代脚本的移动设备 3
1.2.3 GoogleAnalytics的替代品 4
1.2.4 GoogleAnalytics的精准度 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—flowscale问题 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 使用网络存储（WebStorage） 136
6.5.1 准备 136
6.5.2 实践 136
6.5.3 回顾 139
6.5.4 延伸 139
6.6 使用WebWorkers 140
6.6.1 准备 141
6.6.2 实践 141
6.6.3 回顾 143
6.7 使用session和historyAPI构建类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 使用OperaDragonfly远程调试 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 使用JSConsole远程调试 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 防止移动设备转码（MobileTranscoding） 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 正确显示cachemanifest文件 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 移动版HTTPArchive 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 使用ECMAScript5中的新方法 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