第1章 移動世界
移動價值鏈
運營商
網絡供應商
運營商補貼
補貼還是不補貼
開發(fā)者和消費者心理份額
設備供應商和硬件
跟隨一部手機
什么是智能手機
全球設備市場
尋找合適的統(tǒng)計
智能手機銷售市場份額
操作系統(tǒng)銷售市場份額
操作系統(tǒng)使用量
設備市場的變化
操作系統(tǒng)廠商和軟件
現存操作系統(tǒng)
挑戰(zhàn)者
Web作為操作系統(tǒng)
第2章 瀏覽器
瀏覽器類型
內置瀏覽器
可下載瀏覽器
WebView
代理瀏覽器
優(yōu)勢：便宜
缺點：沒有客戶端交互
在代理瀏覽器上開發(fā)
混合瀏覽器
iOS瀏覽器的情況
其他平臺的瀏覽器的情況
渲染引擎
手機上沒有WebKit
用瀏覽器賺錢
統(tǒng)計數據
第3章 安卓
結構和目的
差異化
安卓的更新
谷歌服務
安卓瀏覽器
安卓WebKit
Chrome
三星Chrome和其他瀏覽器
當前的內置瀏覽器
可下載的瀏覽器
我應該測試哪些瀏覽器呢
第4章 視口
像素
三個視口
布局視口
視覺視口
理想視口
哪一個視口
縮放
什么是縮放
頁面縮放
拖放
最小和最大縮放比例
禁止縮放
其他縮放形式
分辨率
物理分辨率
設備像素比
dppx和dpi
meta視口
width
initial-scale
完美的meta視口
太大的元素
布局視口的最小寬度
minimum-scale和maximum-scale
@viewport 和 IE
媒體查詢
媒體類型
語法筆記
寬度和高度
在媒體查詢中使用em
device-width和device-height
device-pixel-ratio和分辨率
轉向
aspect-ratio和device-aspect-ratio
JavaScript
布局視口
視覺視口
理想視口——還是屏幕尺寸
devicePixelRatio
改變meta視口標簽
orientationchange事件
resize事件
第5章 CSS
position:fixed
overflow:auto
overflow-scrolling
background-attachment
尺寸單位vw和vh
:active和:hover
過渡和動畫
第6章 觸摸和指針事件
觸摸事件
touchcancel
手勢事件
其他事件
實例
下拉菜單
拖放
滾動層
事件和交互模式
等價事件
觸摸事件的不同之處
能否合并觸摸事件與鼠標事件
mouseover和pointerover
輸入模式的漸進增強
判斷當前的交互模式
觸摸事件的級聯
輕觸操作
其他動作
Safari：取消事件級聯
Safari：鼠標事件冒泡
剖析Click
300毫秒
同一個像素
剖析觸摸事件
touchList
獲取事件坐標
離開元素
阻止默認行為
實例：水平滾動和垂直滾動
指針事件
事件名和前綴
事件屬性
touch-action
第7章 成為移動Web開發(fā)者
理想的設備實驗室
升級
安卓
不要安裝實驗版本
獲得設備
分享設備
測試哪些東西
如何進行測試
時間
準備工作
分批測試
測試流程
克服過時的慣性思維
瀏覽器探測
JavaScript腳本庫
移動網絡
連接速度
第8章 移動Web的未來
HTML5 vs 原生應用
模擬原生應用
網絡連通性和AppCache
安裝到主屏幕
設備API
模擬Web
分享應用
鄂公網安備 42010302001612號 