移動Web手冊（雙色）

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