　　√ 互联网产品移动端活跃用户数超出PC端已大势所趋
　　√ 本书彻底厘清移动Web开发与传统PC网站开发的本质区别
　　√ 是前端大神PPK八年潜心研究移动Web及大量浏览器的成果总结
　　√ 通过移动端对前端开发的种种挑战及相应对策，细致剖析解决思路
　　√ 以专业视角系统梳理前端在移动平台上的知识、技能，及开发原理、手段
　　√ 操作系统、浏览器、机型适配、视口、CSS特性、触屏事件、开发者装备，一应俱全
　　√ 从前端走向终端必不可少的大纲，告诉你哪些是移动前端真正要用的，打好基础才能明确方向

内容简介

　　《移动Web手册（双色）》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍，让读者理解移动开发的复杂之处。接下来对移动设备上的各种浏览器进行了详细介绍，以及这些浏览器的市场占有率、特性支持等。《移动Web手册（双色）》为那些想进入移动Web开发领域的人提供了一些指导性的建议并对移动Web开发的未来进行了展望。
　　《移动Web手册（双色）》主要面向前端开发工程师，对移动Web开发感兴趣的手机App开发工程师以及测试工程师也可以参考学习。

作者简介

　　Peter-Paul Koch（另一个更广为人知的名字是PPK），是HTML、CSS和JavaScript方面的专家，尤其擅长解决浏览器兼容性问题。在2009年，他就从传统的桌面浏览器和网站转而研究移动Web领域，并且从未间断。

精彩书评

　　★移动端，显然是未来一段时间内前端开发的主战场，这本书就是前端工程师进军移动战场的极好武器，对每一位过去从事PC前端开发，现在和将来从事移动前端开发的工程师而言，这本书既是一本脉络清晰的教程，又是一本内容非常实用的参考书，如果你不了解移动平台上如何开发优秀的网站，那么，这本书就是为你准备的。
　　——360前端掌门奇舞团创始人月影

　　★一般的计算机书籍，多数不离教程和手册两类：教程从学习的角度，由浅入深去讲解一块知识；手册从技术逻辑的角度，全面地提供信息以供查阅。而PPK这本书既不像是教程，也不像手册，如果只用一句话来描述这本书，那就是“一个PC前端工程师迁移到移动前端所需要的书”。
　　——阿里前端顶端级专家,计算机之子陈劭非/Winter

　　★这本书，作者以专业的视角将前端在移动平台上的知识和技能进行了系统的梳理，深入浅出地介绍了移动Web开发的基本原理和常规手段，虽然语不惊人，中规中矩，但不失为一本能为前端工程师打下牢固移动开发基础的好书。
　　——腾讯前端高级技术专家

　　★读的过程中可以感受到移动端对前端开发的种种挑战和PPK的分析和解决方案。从操作系统、浏览器、Android机型适配、到开发过程中要用到的视口、CSS特性、触屏事件，甚至成为移动web开发者要用到的装备，PPK讲述了如何从普通的前端工程师转型到移动开发所需要的一切。
　　——W3C组织者周裕波

　　★建议每一个想要将来涉足移动前端开发的工程师先读过这本书，再去决定学习哪些前端技术。HTML5的新特性浩如烟海，兼容性也差异巨大，更重要的是，你无法判断哪些才是现在的移动前端真正要用的。而PPK这本书，正好能给你打下基础，指清楚方向。
　　——百度前端高级工程师

第1章　移动世界
移动价值链
运营商
网络供应商
运营商补贴
补贴还是不补贴
开发者和消费者心理份额
设备供应商和硬件
跟随一部手机
什么是智能手机
全球设备市场
寻找合适的统计
智能手机销售市场份额
操作系统销售市场份额
操作系统使用量
设备市场的变化
操作系统厂商和软件
现存操作系统
挑战者
Web作为操作系统
第2章　浏览器
浏览器类型
内置浏览器
可下载浏览器
WebView
代理浏览器
优势：便宜
缺点：没有客户端交互
在代理浏览器上开发
混合浏览器
iOS浏览器的情况
其他平台的浏览器的情况
渲染引擎
手机上没有WebKit
用浏览器赚钱
统计数据
第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开发者
理想的设备实验室
升级
安卓
不要安装实验版本
获得设备
分享设备
测试哪些东西
如何进行测试
时间
准备工作
分批测试
测试流程
克服过时的惯性思维
浏览器探测
JavaScript脚本库
移动网络
连接速度
第8章　移动Web的未来
HTML5 vs 原生应用
模拟原生应用
网络连通性和AppCache
安装到主屏幕
设备API
模拟Web
分享应用

前言/序言

　　译者序
　　随着移动互联网的普及，移动网站的访问量也呈爆炸式增长的趋势。根据最新的统计，国内一些大型的搜索、视频和社交类网站的移动访问量已经超越了PC端。移动Web的兴起不仅极大地方便了我们的工作和生活，也给前端开发者带来了前所未有的机遇。
　　然而，即使是在PC端经验丰富的前端开发者进入移动开发领域也并不是那么容易。他们会遭遇到之前没有遇到过的问题：如何适配不同大小的屏幕、如何兼容安卓的众多版本、为什么有些CSS属性在手机上不生效、手机上的click事件为什么会有延迟等。本书给出了这些问题的答案，并且进行了详细的解释。
　　本书原作者Peter-Paul Koch是前端开发领域的专家，他维护的网站quirksmode.org也是全球最知名的浏览器兼容性参考资源之一。他从2008年就开始了对移动Web的深入研究，以非凡的耐心和毅力为大家整理出了各种常见浏览器的特性支持表格。翻看一下他的表格中的浏览器之多，你就会觉得他对技术研究的深入和细致，着实令人钦佩。这本书是Peter-Paul Koch多年研究成果的总结，是进入移动Web开发领域的指南针。这也是为什么我们特别想翻译这本书，介绍给国内更多前端开发者的原因。
　　感谢周裕波、吴亮联系原作者和出版社，让我们有机会翻译这本书。感谢蔡平、周炜、夏明星等同事对本书的翻译提出的宝贵建议！感谢博文视点各位编辑给予本书的精心指导。
　　由于本书翻译时间仓促，译者水平有限，纰漏之处在所难免，恳请广大读者批评指正。
　　赵文博、王韦华、黄薇、黄小璐
　　2015年1月

　　推荐序一
　　在2013年，我们奇舞团内部就定了一个发展主题，叫作“从前端到终端”。因为“移动化”真的是一个很明显的趋势，在移动浪潮下，如果前端工程师们依然选择守着PC平台的一亩三分地，那么“前端工程师”这个角色很快就会被历史所淘汰。
　　幸运的是，被淘汰这件事情没有发生，也从来不会发生在“前端工程师”这样的角色上，因为“前端工程师”是互联网开发者中最善于学习和最勇于接受变化的一群人。从IE6时代到HTML5时代，从PC时代到移动时代，从页面制作到全栈时代，前端这个领域时时刻刻都在改变着，唯一不变的就是变化，拥抱变化已经成为印在优秀前端工程师骨子里的特质。
　　学习，了解，不停地学习，不停地了解……前端工程师就是在这样一个循环过程中不断见证着技术的发展，创造出越来越人性化的交互和人机界面。
　　昨天，前端工程师还在为固定布局和流布动局大伤脑筋；今天，前端工程师已经在多元化的终端设备领域里面创造了“弹性布局”，也许明天，随着一种新的终端设备的问世，又会带来一种全新的完全颠覆过去的认知的布局方式。
　　变化，代表着未知，未知，代表着创造，创造则达成成就，前端之道如是，成长即是求道的过程。
　　这本书，作者以专业的视角将前端在移动平台上的知识和技能进行了系统的梳理，深入浅出地介绍了移动Web开发的基本原理和常规手段，虽然语不惊人，中规中矩，但不失为一本能为前端工程师打下牢固移动开发基础的好书。
　　移动端，显然是未来一段时间内前端开发的主战场，这本书就是前端工程师进军移动战场的极好武器，对每一位过去从事PC前端开发，现在和将来从事移动前端开发的工程师而言，这本书既是一本脉络清晰的教程，又是一本内容非常实用的参考书，如果你不了解移动平台上如何开发优秀的网站，那么，这本书就是为你准备的。
　　前端之道无止尽，未来前端工程师们会面临越来越多的挑战，问题越来越复杂，然而作为回报，可见的世界则必然越来越有色彩。
　　保持学习的心态，不断前行，未来总归是越来越美好的。
　　月影
　　360高级技术经理，奇舞团负责人

　　推荐序二
　　读过这本书，第一反应是，这本书的作者的工作内容一定跟我非常类似。
　　PPK作为著名前端图书作者，一贯被奉为大神级人物，而其实除了他那本著名的《PPK谈JavaScript》，我对他知之甚少，而看到这本书的内容，我方才发现，原来他近期致力于移动开发。
　　一般的计算机书籍，多数不离教程和手册两类：教程从学习的角度，由浅入深去讲解一块知识；手册从技术逻辑的角度，全面提供信息以供查阅。而PPK这本书既不像是教程，也不像手册，如果只用一句话来描述这本书，那就是“一个PC前端工程师迁移到移动前端所需要的书”。
　　这本书中，既有技术点，又有感性认知，我们先来谈谈书里的感性认知。作为一个长期致力于移动开发的前端工程师，我读来最有共鸣的部分，就是这本书讲述的移动开发的思路。我读这本书的过程，感觉就像是在回忆我最初接触移动前端开发的历程，读的过程中可以感受到移动端对前端开发的种种挑战和PPK的分析及解决方案。从操作系统、浏览器、Android机型适配到开发过程中要用到的视口、CSS特性、触屏事件，甚至成为移动web开发者要用到的装备，PPK讲述了如何从普通的前端工程师转型到移动开发所需要的一切。
　　再来说说技术部分。这本书绝不是一本让你完整学习移动前端技术的书，但是我会建议每一个想要涉足移动前端开发的工程师（这几乎是必然的，2014年到2015年，国内外各种知名互联网产品都发生着移动端活跃用户数超过PC端的过程）先读过这本书，再去决定学习哪些前端技术。现今国内多数前端工程师，对移动前端开发的认知仍停留在“HTML5”这样一个抽象的概念上。但如果你去W3C学习HTML5，你会发现HTML5的新特性浩如烟海，兼容性也差异巨大，更重要的是，你无法判断哪些才是现在的移动前端真正要用的。而PPK这本书，正好能给你打下基础，指清方向。
　　翻译这本书的奇舞团，是国内顶尖的前端团队，他们的翻译非常贴近国内前端工程师的语言习惯，为这本本来就承袭了PPK大神的接地气语言风格的书添色不少。
　　最后，愿此书能服务更多有志于踏入移动时代的前端工程师，若真能如此，也是国内诸多移动前端团队的幸事。
　　winter（程劭非）
　　计算机之子，阿里高级技术专家

　　译者序
　　随着移动互联网的普及，移动网站的访问量也呈爆炸式增长的趋势。根据最新的统计，国内一些大型的搜索、视频和社交类网站的移动访问量已经超越了PC端。移动Web的兴起不仅极大地方便了我们的工作和生活，也给前端开发者带来了前所未有的机遇。
　　然而，即使是在PC端经验丰富的前端开发者进入移动开发领域也并不是那么容易。他们会遭遇到之前没有遇到过的问题：如何适配不同大小的屏幕、如何兼容安卓的众多版本、为什么有些CSS属性在手机上不生效、手机上的click事件为什么会有延迟等。本书给出了这些问题的答案，并且进行了详细的解释。
　　本书原作者Peter-PaulKoch是前端开发领域的专家，他维护的网站quirksmode.org也是全球最知名的浏览器兼容性参考资源之一。他从2008年就开始了对移动Web的深入研究，以非凡的耐心和毅力为大家整理出了各种常见浏览器的特性支持表格。翻看一下他的表格中的浏览器之多，你就会觉得他对技术研究的深入和细致，着实令人钦佩。这本书是Peter-PaulKoch多年研究成果的总结，是进入移动Web开发领域的指南针。这也是为什么我们特别想翻译这本书，介绍给国内更多前端开发者的原因。
　　感谢周裕波、吴亮联系原作者和出版社，让我们有机会翻译这本书。感谢蔡平、周炜、夏明星等同事对本书的翻译提出的宝贵建议！感谢博文视点各位编辑给予本书的精心指导。
　　由于本书翻译时间仓促，译者水平有限，纰漏之处在所难免，恳请广大读者批评指正。
　　赵文博、王韦华、黄薇、黄小璐
　　2015年1月

移动Web手册下载 mobi epub pdf txt 电子书格式