HTML5移动Web开发实战 PDF扫描版​

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

 

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


教程地址:HTML5移动Web开发实战 PDF扫描版



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 在移动网站中使用HTML5 

1.6.1 准备 

1.6.2 实践 

1.6.3 回顾 

1.6.4 延伸 

1.7 跨浏览器HTML5 

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 延伸 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
内容简介编辑 本书是为从未接触过HTML5新技术但同时又对移动Web技术感兴趣的读者而编写的。如果你有一定的HTML开发经验,将会更容易掌握HTML5知识。 同时,如果你是如下几类人群之一,那么本书非常适合你阅读。 有一定基础或者未来计划的职业是Web前端开发工程师。 具有一定HTML基础的UI设计师。 Web项目中的项目经理以及策划人员。 对手机Web开发技术感兴趣的开发者。 开设计算机课程的高等院校及培训机构的师生。 此外,本书也适合熟悉.net、Java、PHP等后端Web技术的开发者阅读。 前言编辑 你是否使用过智能手机浏览真正的网页? 你在使用智能手机浏览网页时会感到困惑吗? 你是否想知道智能手机上的Web网页是如何实现的? 如果你存在以上的问题并想解决,那么阅读本书将是你的最佳选择。 HTML5从讨论到实践 现今,HTML5已经成为互联网的热门话题之一。2011年的HTML5发展得非常快,各大浏览器开发公司如Google、苹果、微软、Mozilla及Opera的最新本浏览器都纷纷支持HTML5标准规范。在桌面端Web技术领域,HTML5标准的强大已经开始威胁Adobe公司的Flash在Web上的统治地位。然而,在移动端Web技术领域,由于历史的原因,HTML5标准才刚刚起步,但随着HTML5CSS3逐渐兴起,其强大的特性在移动Web应用当中得到了非常好的发挥。 随着HTML5网站、HTML5应用软件及HTML5游戏不断涌现,让我们更加有理由相信未来HTML5技术将会成为我们在计算机行业当中必备的专业知识。因此,我希望能够借助此书帮助国内的Web开发从业者或者即将在此行业发展的读者,在学习HTML5的同时也能掌握移动Web技术。 为什么写作本书 2011年是HTML5实践的一年,无论是国外的开发者,还是国内的开发者,都热衷于研究HTML5新标准究竟能给我们带来什么。由于HTML5技术非常新,国内很多开发者在实践过程中经常遇到非常多的困难,例如如何入门与解决BUG等常见问题,都很难找到解答问题的中文资源。因此,开发者们亟需一本能够带领他们入门的HTML5书籍。 2011年也是移动互联网高速发展的一年,随着iPhone、Android等智能设备的迅速普及,以及Web技术跨平台等优点更广泛的为人所知,移动Web技术逐渐成为大家关注的新热点之一。国内移动Web技术中文资源相对缺乏,社区尚待不断发展,很多开发者仍处于探索研究阶段。同时也有部分准备进入移动Web开发领域的新手,苦于入门困难,而难以上手。因此,一本介绍移动Web开发的书籍便成为开发者最渴望的资源之一。 基于上述两种原因,作者认为需要编写一本能够利用HTML5新技术开发移动Web应用的入门书籍,令广大读者在真正学习到HTML5新技术的同时,也能快速掌握移动Web开发的基础知识。 关于本书 本书不足之处在于,本书并没有全面地介绍HTML5技术,但这并不代表HTML5的其他知识点不能适用于移动Web开发。毕竟HTML5是一个新生事物,它的标准规范仍然在制定之中,而它的不断发展对于未来的移动Web技术的发展,必将有很大的推动作用。 本书在编写过程中参考了下列网站、社区及官方文档等,并引用了部分内容。  HTML5研究小组官方网站  Sencha Touch官方接口文档及demo例子  jQuery Mobile官方接口文档  PhoneGap官方网站及接口文档  PhoneGap中国读者对象 致 谢 在本书的写作过程中,得到了很多人士的悉心帮助。在此谨向给予本书帮助的诸位及我所参考的网站社区、官方网站表示诚挚的感谢。特别感谢HTML5研究小组负责人田爱娜女士给予了很大的帮助和支持,她推荐的很多专业人士对本书提供了很多中肯的建议。 另外,由于时间及水平有限,在本书编写过程中可能存在一些对HTML5移动Web技术认识不全面或者表述错漏的地方,敬请读者批评指正。作者的联系邮箱为,新浪微博是@三桥sankyu。谨以最真诚的心希望能与读者共同交流,共同成长。 作品目录编辑 第1章 移动互联网时代的Web技术 1 第2章 移动设备HTML5页面布局 12 第3章 HTML5规范的本地存储 23 第4章 移动Web的离线应用 34 第5章 移动设备的常见HTML5表单元素 40 第6章 移动Web界面样式 48 第7章 Geolocation地理定位 74 第8章 轻量级框架jQuery Mobile初探 79 第9章 重量级富框架Sencha Touch入门 187 第10章 跨平台的PhoneGap应用介绍 273 第11章 构建基于HTML5的生活轨迹Web App 337 第12章 进阶之路 366

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值