HTML5移動Web開發(fā)實戰(zhàn)目錄

時間：2023-06-23 22:51:01 | 來源：營銷百科

時間：2023-06-23 22:51:01 來源：營銷百科

HTML5移動Web開發(fā)實戰(zhàn)目錄：第1章 HTML5與移動網站 1
1.1 簡介 1
1.2 確定網站的適用移動設備 2
1.2.1 用戶最常用的平臺和瀏覽器是什么 3
1.2.2 有多少用戶使用支持現(xiàn)代腳本的移動設備 3
1.2.3 GoogleAnalytics的替代品 4
1.2.4 GoogleAnalytics的精準度 4
1.2.5 對服務端讀取速度的擔憂 5
1.3 配置移動開發(fā)工具 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 配置移動開發(fā)環(huán)境 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章移動端的配置和優(yōu)化 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 優(yōu)化瀏覽器視口寬度設置 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 利用滑動創(chuàng)建圖庫 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章構建快速響應式移動互聯(lián)網站點 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 優(yōu)化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 構建移動互聯(lián)網站點的站點地圖 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章服務器端性能調優(yōu) 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章?lián)肀б苿踊ヂ?lián)網特性 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