HTML5移动Web开发实战 PDF 清晰完整版

内容简介

当今，移动应用开发掀起软件行业的新一轮浪潮。然而，手机设备发展迅猛，屏幕尺寸各不相同、存储和性能仍有局限性，如何在多平台上创建高性能、响应式的移动网站，是程序员所要面对的首要挑站。

《HTML5移动Web开发实战》提供了应对这一挑战的解决方案。通过阅读本书，你将了解如何有效地利用*的HTML5的那些针对移动网站的功能，横跨多个移动平台。全书共分10章，从移动Web、设备端配置和优化，变互、响应式设计、设备访问，调试、性能测试、富媒体等角度出发，包含了60多个实用的示倒，详细阐释如何构建快速、响应式的HTML5移动网站，适用于iOS、Android、WindowsPhone和BlackBerry等众多主流移动应用平台。

《HTML5移动Web开发实战》作者是HTML5Boilerplate项目的成员，MobileBoilerplate(http://h5bp．com/mobile)的主要开发人员。《HTML5移动Web开发实战》为那些致力于实现高性能、响应式、跨平台的HTML5移动网站的程序员量身打造，也适合对移动Web开发感兴趣的读者学习参考。

目录

• 前言
• 第1章HTML5与移动网站
• 1.1简介
• 1.2确定网站的适用移动设备
• 1.3配置移动开发工具
• 1.4BlackBerry仿真器
• 1.5配置移动开发环境
• 1.6在移动网站中使用HTML5
• 1.7跨浏览器HTML5
• 1.8移动设计
• 1.9定义一个内容策略
• 第2章移动端的配置和优化
• 2.1简介
• 2.2通过界面图标启动Web应用
• 2.3避免文本字体大小重置
• 2.4优化浏览器视口宽度设置
• 2.5修复移动版Safari的re-flowscale问题
• 2.6在浏览器中启动手机原生应用
• 2.7iPhone下全屏模式启动
• 2.8防止iOS在聚焦时自动缩放
• 2.9禁用或限制部分WebKit特性
• 第3章移动设备的交互方式
• 3.1简介
• 3.2利用触控来移动页面元素
• 3.3检测和处理横竖屏切换事件
• 3.4利用手势旋转页面元素
• 3.5利用滑动创建图库
• 3.6利用手势操作图片缩放
• 第4章构建快速响应式移动互联网站点
• 4.1简介
• 4.2使用HTML5语法构建页面
• 4.3使用CSS3特性做渐进增强
• 4.4使用响应式设计
• 4.5优化polyfills脚本的加载速度
• 4.6检测用户客户端
• 4.7使用书签气泡为应用添加桌面快捷方式
• 4.8构建可自动伸缩的文本输入框
• 4.9加速按钮反馈
• 4.10隐藏浏览器的地址栏
• 4.11构建移动互联网站点的站点地图
• 第5章移动设备访问
• 5.1简介
• 5.2获取位置信息
• 5.3跨浏览器定位
• 5.4基于地理信息显示地图
• 5.5实时显示地理位置
• 5.6使用DeviceOrientation事件
• 5.7使用foursquare的定位
• 第6章移动富媒体
• 6.1简介
• 6.2移动设备上播放音频
• 6.3移动设备上播放视频
• 6.4使用离线缓存
• 6.5使用网络存储（WebStorage）
• 6.6使用WebWorkers
• 6.7使用session和historyAPI构建类Flash导航效果
• 第7章移动设备调试
• 7.1简介
• 7.2使用OperaDragonfly远程调试
• 7.3使用weinre远程调试
• 7.4在移动设备上使用Firebug
• 7.5使用JSConsole远程调试
• 7.6设置移动Safari调试器
• 第8章服务器端性能调优
• 8.1简介
• 8.2防止移动设备转码（MobileTranscoding）
• 8.3添加移动设备支持的MIME类型
• 8.4正确显示cachemanifest文件
• 8.5在头文件设置未来过期时间
• 8.6使用Gzip压缩
• 8.7移除ETags
• 第9章移动性能测试
• 9.1简介
• 9.2使用Blaze的移动设备速度测试
• 9.3在线分析移动页面速度
• 9.4PCAP网站性能分析
• 9.5移动版HTTPArchive
• 9.6使用Jdrop存储性能数据
• 第10章拥抱移动互联网特性
• 10.1简介
• 10.2window.onerror
• 10.3使用ECMAScript5中的新方法
• 10.4HTML5中新的输入类型
• 10.5在HTML中内嵌SVG
• 10.6position:fixed
• 10.7overflow:scroll