第1章 移動世界.............. 1
移動價值鏈 ............................................3
運營商 ......5
網絡供應商 ...............6
運營商補貼 ...............6
補貼還是不補貼 ........8
開發者和消費者心理份額 ...........9
設備供應商和硬件 ..............................10
跟隨一部手機 ......... 10
什麼是智能手機 ...... 12
全球設備市場 ......... 13
尋找閤適的統計 ...... 14
智能手機銷售市場份額 ............. 16
操作係統銷售市場份額 ............. 17
操作係統使用量 ...... 19
設備市場的變化 ...... 20
操作係統廠商和軟件 ..........................22
現存操作係統 ......... 23
挑戰者 .................... 24
Web作為操作係統 ... 25
第2章 瀏覽器............... 27
瀏覽器類型 ..........................................30
內置瀏覽器 ............. 30
可下載瀏覽器 ......... 31
WebView ................32
代理瀏覽器 ..........................................32
優勢:便宜 ............. 34
缺點:沒有客戶端交互 ............. 35
在代理瀏覽器上開發 ................ 35
混閤瀏覽器 ............. 36
iOS瀏覽器的情況 ................................37
其他平颱的瀏覽器的情況 ......... 38
渲染引擎 38
手機上沒有WebKit ..39
用瀏覽器賺錢 ......................................40
統計數據 42
第3章 安卓.................. 47
結構和目的 ..........................................50
差異化 .................... 50
安卓的更新 ............. 52
榖歌服務 ................ 53
安卓瀏覽器 ..........................................54
安卓WebKit ............54
Chrome .................. 56
三星Chrome和其他瀏覽器 ........ 57
當前的內置瀏覽器 .. 59
可下載的瀏覽器 ...... 59
我應該測試哪些瀏覽器呢 ..................60
第4章 視口.................. 63
像素 ........66
三個視口 68
布局視口 ................ 70
視覺視口 ................ 71
理想視口 ................ 72
哪一個視口 ............. 73
縮放 ........75
什麼是縮放 ............. 75
頁麵縮放 ................ 76
拖放 ....................... 77
最小和最大縮放比例 ................ 78
禁止縮放 ................ 79
其他縮放形式 ......... 79
分辨率 ....80
物理分辨率 ............. 80
設備像素比 ............. 80
dppx和dpi .............. 82
meta視口 .......82
width...................... 83
initial-scale ............85
完美的meta視口 ......85
太大的元素 ............. 86
布局視口的最小寬度 ................ 86
minimum-scale和maximum-scale .......87
@viewport 和 IE .....88
媒體查詢 89
媒體類型 ................ 89
語法筆記 ................ 90
寬度和高度 ............. 92
在媒體查詢中使用em ............... 92
device-width和device-height ....93
device-pixel-ratio和分辨率 .......94
轉嚮 ....................... 95
aspect-ratio和device-aspect-ratio .......95
JavaScript 95
布局視口 ................ 96
視覺視口 ................ 97
理想視口--還是屏幕尺寸 ...... 97
devicePixelRatio .....98
改變meta視口標簽 ..98
orientationchange事件 ..............99
resize事件 ..............99
第5章 CSS............... 103
position:fixed ......................................106
overflow:auto ......................................109
overflow-scrolling 110
background-attachment ....................... 111
尺寸單位vw和vh ................................ 112
:active和:hover .................................... 113
過渡和動畫 ........................................ 115
第6章 觸摸和指針事件.. 117
觸摸事件 ............................................120
touchcancel .......... 121
手勢事件 .............. 122
其他事件 .............. 122
實例 ......123
下拉菜單 .............. 123
拖放 ..................... 124
滾動層 .................. 125
事件和交互模式 ................................126
等價事件 .............. 127
觸摸事件的不同之處 .............. 128
能否閤並觸摸事件與鼠標事件 130
mouseover和pointerover......... 132
輸入模式的漸進增強 .............. 133
判斷當前的交互模式 .............. 134
觸摸事件的級聯 ................................138
輕觸操作 .............. 139
其他動作 .............. 141
Safari:取消事件級聯 ............ 142
Safari:鼠標事件冒泡 ............ 142
剖析Click ............................................144
300毫秒 ................ 144
同一個像素 ........... 146
剖析觸摸事件 ....................................147
touchList .............. 148
獲取事件坐標 ....... 149
離開元素 .............. 150
阻止默認行為 ....... 151
實例:水平滾動和垂直滾動 .... 152
指針事件 ............................................153
事件名和前綴 ....... 155
事件屬性 .............. 156
touch-action ......... 156
第7章 成為移動Web開發者........... 159
理想的設備實驗室 ............................162
升級 ..................... 163
安卓 ..................... 164
不要安裝實驗版本 166
獲得設備 .............. 166
分享設備 .............. 167
測試哪些東西 ....................................168
如何進行測試 ....................................169
時間 ..................... 169
準備工作 .............. 170
分批測試 .............. 171
測試流程 .............. 173
剋服過時的慣性思維 ........................174
瀏覽器探測 ........... 174
JavaScript腳本庫 .. 175
移動網絡 ............................................176
連接速度 .............. 177
第8章 移動Web的未來 179
HTML5 vs. 原生應用 .........................181
模擬原生應用 ....................................182
網絡連通性和AppCache ......... 183
安裝到主屏幕 ....... 183
設備API ............... 184
模擬Web .............................................186
分享應用 ............................................187
· · · · · · (
收起)