第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