HTML5移動Web開發實戰

HTML5移動Web開發實戰

《HTML5移動Web開發實戰》是2013年人民郵電出版社出版的圖書,作者是石川。

內容簡介

當今,移動套用開發掀起軟體行業的新一輪浪潮。然而,手機設備發展迅猛,螢幕尺寸各不相同、存儲和性能仍有局限性,如何在多平台上創建高性能、回響式的移動網站,是程式設計師所要面對的首要挑站。

《HTML5移動Web開發實戰》提供了應對這一挑戰的解決方案。通過閱讀本書,你將了解如何有效地利用最新的HTML5的那些針對移動網站的功能,橫跨多個移動平台。全書共分10章,從移動Web、設備端配置和最佳化,變互、回響式設計、設備訪問,調試、性能測試、富媒體等角度出發,包含了60多個實用的示倒,詳細闡釋如何構建快速、回響式的HTML5移動網站,適用於iOS、Android、Windows Phone和BlackBerry等眾多主流移動套用平台。

《HTML5移動Web開發實戰》作者是HTML5 Boilerplate項目的成員,Mobile Boilerplate(http://h5bp.com/mobile)的主要開發人員。《HTML5移動Web開發實戰》為那些致力於實現高性能、回響式、跨平台的HTML5移動網站的程式設計師量身打造,也適合對移動Web開發感興趣的讀者學習參考。

目錄

第1章 HTML5與移動網站
1.1 簡介
1.2 確定網站的適用移動設備
1.2.1 用戶最常用的平台和瀏覽器是什麼
1.2.2 有多少用戶使用支持現代腳本的移動設備
1.2.3 Google Analytics的替代品
1.2.4 Google Analytics的精準度
1.2.5 對服務端讀取速度的擔憂
1.3 配置移動開發工具
1.3.1 準備
1.3.2 實踐
1.3.3 回顧
1.3.4 延伸
1.4 BlackBerry仿真器
1.4.1 準備
1.4.2 實踐
1.5 配置移動開發環境
1.5.1 準備
1.5.2 實踐
1.5.3 回顧
1.5.4 延伸
1.6 在移動網站中使用HTML
1.6.1 準備
1.6.2 實踐
1.6.3 回顧
1.6.4 延伸
1.7 跨瀏覽器HTML
1.7.1 準備
1.7.2 實踐
1.7.3 回顧
1.7.4 延伸
1.8 移動設計
1.8.1 準備
1.8.2 實踐
1.8.3 回顧
1.8.4 延伸
1.9 定義一個內容策略
1.9.1 準備
1.9.2 實踐
1.9.3 回顧
1.9.4 延伸
第2章 移動端的配置和最佳化
2.1 簡介
2.2 通過界面圖示啟動Web套用
2.2.1 準備
2.2.2 實踐
2.2.3 回顧
2.2.4 延伸
2.2.5 參考
2.3 避免文本字型大小重置
2.3.1 準備
2.3.2 實踐
2.3.3 回顧
2.3.4 延伸
2.4 最佳化瀏覽器視口寬度設定
2.4.1 準備
2.4.2 實踐
2.4.3 回顧
2.4.4 延伸
2.5 修復移動版Safari的re-flow scale問題
2.5.1 準備
2.5.2 實踐
2.5.3 回顧
2.5.4 延伸
2.6 在瀏覽器中啟動手機原生套用
2.6.1 準備
2.6.2 實踐
2.6.3 回顧
2.6.4 延伸
2.7 iPhone下全螢幕模式啟動
2.7.1 準備
2.7.2 實踐
2.7.3 回顧
2.7.4 延伸
2.8 防止iOS在聚焦時自動縮放
2.8.1 準備
2.8.2 實踐
2.8.3 回顧
2.8.4 延伸
2.9 禁用或限制部分WebKit特性
2.9.1 準備
2.9.2 實踐
2.9.3 回顧
2.9.4 延伸
第3章 移動設備的互動方式
3.1 簡介
3.2 利用觸控來移動頁面元素
3.2.1 準備
3.2.2 實踐
3.2.3 回顧
3.2.4 延伸
3.2.5 參考
3.3 檢測和處理橫豎屏切換事件
3.3.1 準備
3.3.2 實踐
3.3.3 回顧
3.3.4 延伸
3.3.5 參考
3.4 利用手勢旋轉頁面元素
3.4.1 準備
3.4.2 實踐
3.4.3 回顧
3.4.4 延伸
3.4.5 參考
3.5 利用滑動創建圖庫
3.5.1 準備
3.5.2 實踐
3.5.3 回顧
3.5.4 延伸
3.5.5 參考
3.6 利用手勢操作圖片縮放
3.6.1 準備
3.6.2 實踐
3.6.3 回顧
3.6.4 延伸
3.6.5 參考
第4章 構建快速回響式移動網際網路站點
4.1 簡介
4.2 使用HTML5語法構建頁面
4.2.1 準備
4.2.2 實踐
4.2.3 回顧
4.2.4 延伸
4.2.5 參考
4.3 使用CSS3特性做漸進增強
4.3.1 準備
4.3.2 實踐
4.3.3 回顧
4.3.4 延伸
4.3.5 參考
4.4 使用回響式設計
4.4.1 準備
4.4.2 實踐
4.4.3 回顧
4.4.4 延伸
4.5 最佳化polyfills腳本的載入速度
4.5.1 準備
4.5.2 實踐
4.5.3 回顧
4.5.4 延伸
4.5.5 參考
4.6 檢測用戶客戶端
4.6.1 準備
4.6.2 實踐
4.6.3 回顧
4.6.4 延伸
4.7 使用書籤氣泡為套用添加桌面捷徑
4.7.1 準備
4.7.2 實踐
4.7.3 回顧
4.7.4 參考
4.8 構建可自動伸縮的文本輸入框
4.8.1 準備
4.8.2 實踐
4.8.3 回顧
4.8.4 延伸
4.8.5 參考
4.9 加速按鈕反饋
4.9.1 準備
4.9.2 實踐
4.9.3 回顧
4.9.4 延伸
4.9.5 參考
4.10 隱藏瀏覽器的地址欄
4.10.1 準備
4.10.2 實踐
4.10.3 回顧
4.10.4 參考
4.11 構建移動網際網路站點的站點地圖
4.11.1 準備
4.11.2 實踐
4.11.3 回顧
4.11.4 延伸
第5章 移動設備訪問
5.1 簡介
5.2 獲取位置信息
5.2.1 準備
5.2.2 實踐
5.2.3 回顧
5.2.4 延伸
5.3 跨瀏覽器定位
5.3.1 準備
5.3.2 實踐
5.3.3 回顧
5.3.4 延伸
5.4 基於地理信息顯示地圖
5.4.1 準備
5.4.2 實踐
5.4.3 回顧
5.4.4 延伸
5.5 實時顯示地理位置
5.5.1 準備
5.5.2 實踐
5.5.3 回顧
5.6 使用DeviceOrientation事件
5.6.1 準備
5.6.2 實踐
5.6.3 回顧
5.6.4 延伸
5.7 使用foursquare的定位
5.7.1 準備
5.7.2 實踐
5.7.3 回顧
5.7.4 延伸
第6章 移動富媒體
6.1 簡介
6.2 移動設備上播放音頻
6.2.1 準備
6.2.2 實踐
6.2.3 回顧
6.2.4 延伸
6.3 移動設備上播放視頻
6.3.1 準備
6.3.2 實踐
6.3.3 回顧
6.3.4 延伸
6.4 使用離線快取
6.4.1 準備
6.4.2 實踐
6.4.3 回顧
6.4.4 延伸
6.5 使用網路存儲(Web Storage)
6.5.1 準備
6.5.2 實踐
6.5.3 回顧
6.5.4 延伸
6.6 使用Web Workers
6.6.1 準備
6.6.2 實踐
6.6.3 回顧
6.7 使用session和history API構建類Flash導航效果
6.7.1 準備
6.7.2 實踐
6.7.3 回顧
6.7.4 延伸
第7章 移動設備調試
7.1 簡介
7.2 使用Opera Dragonfly遠程調試
7.2.1 準備
7.2.2 實踐
7.2.3 回顧
7.2.4 延伸
7.3 使用weinre遠程調試
7.3.1 準備
7.3.2 實踐
7.3.3 回顧
7.4 在移動設備上使用Firebug
7.4.1 準備
7.4.2 實踐
7.4.3 回顧
7.4.4 延伸
7.5 使用JS Console遠程調試
7.5.1 準備
7.5.2 實踐
7.5.3 回顧
7.5.4 延伸
7.6 設定移動Safari調試器
7.6.1 準備
7.6.2 實踐
7.6.3 回顧
第8章 伺服器端性能調優
8.1 簡介
8.2 防止移動設備轉碼(Mobile Transcoding)
8.2.1 準備
8.2.2 實踐
8.2.3 回顧
8.2.4 延伸
8.3 添加移動設備支持的MIME類型
8.3.1 準備
8.3.2 實踐
8.3.3 回顧
8.3.4 延伸
8.4 正確顯示cache manifest檔案
8.4.1 準備
8.4.2 實踐
8.4.3 回顧
8.5 在頭檔案設定未來過期時間
8.5.1 準備
8.5.2 實踐
8.5.3 回顧
8.5.4 延伸
8.6 使用Gzip壓縮
8.6.1 準備
8.6.2 實踐
8.6.3 回顧
8.6.4 延伸
8.7 移除ETags
8.7.1 準備
8.7.2 實踐
8.7.3 回顧
8.7.4 延伸
第9章 移動性能測試
9.1 簡介
9.2 使用Blaze的移動設備速度測試
9.2.1 準備
9.2.2 實踐
9.2.3 回顧
9.2.4 延伸
9.3 線上分析移動頁面速度
9.3.1 準備
9.3.2 實踐
9.3.3 回顧
9.3.4 延伸
9.4 PCAP網站性能分析
9.4.1 準備
9.4.2 實踐
9.4.3 回顧
9.4.4 延伸
9.5 移動版HTTP Archive
9.5.1 準備
9.5.2 實踐
9.5.3 回顧
9.5.4 延伸
9.6 使用Jdrop存儲性能數據
9.6.1 準備
9.6.2 實踐
9.6.3 回顧
9.6.4 延伸
第10章 擁抱移動網際網路特性
10.1 簡介
10.2 window.onerror
10.2.1 準備
10.2.2 實踐
10.2.3 回顧
10.2.4 延伸
10.3 使用ECMAScript 5中的新方法
10.3.1 準備
10.3.2 實踐
10.3.3 回顧
10.3.4 延伸
10.4 HTML5中新的輸入類型
10.4.1 準備
10.4.2 實踐
10.4.3 回顧
10.4.4 延伸
10.5 在HTML中內嵌SVG
10.5.1 準備
10.5.2 實踐
10.5.3 回顧
10.5.4 延伸
10.6 position:fixed
10.6.1 準備
10.6.2 實踐
10.6.3 回顧
10.7 overflow:scroll
10.7.1 準備
10.7.2 實踐
10.7.3 回顧
10.7.4 延伸
……

相關詞條

熱門詞條

聯絡我們