具体描述
编辑推荐
√ 互联网产品移动端活跃用户数超出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月
用户评价
我原本抱着学习一些基础知识的心态来翻阅这本书，结果却被它深深地吸引住了。它的讲解方式就像是在和我进行一场深入的对话，不是那种高高在上的说教，而是平等交流，引导我思考。我尤其喜欢它在讲解布局和框架时，那种层层递进、循序渐进的方式，让我从最基础的HTML和CSS开始，一步步构建起复杂的移动Web应用。书中那些丰富的代码片段，不仅仅是枯燥的指令，更像是一扇扇通往新世界的大门，让我有机会亲自去实践，去感受代码的魅力。让我印象深刻的是，作者在提到一些高级技巧时，并没有直接丢给我一堆复杂的API，而是先解释了这些技巧背后的原理，让我能够知其然，更知其所以然。读到关于进度条和加载动画的设计时，我不仅学会了如何实现它们，更明白了它们对于提升用户体验的重要性，让等待不再是枯燥的，而是充满期待的。这本书让我感觉到，移动Web开发不仅仅是编写代码，更是一种艺术，一种将技术与创意巧妙结合的艺术。
评分我不得不说，这本书完全颠覆了我对“手册”这个词的刻板印象。它不是那种让你读完就忘的教科书，而是像一位经验丰富的导师，耐心地引导你一步步深入理解移动Web开发的精髓。作者的叙述方式非常独特，他善于将复杂的概念拆解成易于理解的部分，然后用各种生动的生活化比喻来解释，让你在轻松愉快的氛围中掌握知识。我特别欣赏书中对于性能优化的讲解，它没有罗列一大堆晦涩的术语，而是通过一个个实际的案例，告诉你如何在不牺牲用户体验的前提下，让你的网页飞速加载。读到关于图片懒加载的那一部分，我仿佛看到了自己的网站在用户访问时“嗖”地一下就展现在眼前，那种快感是难以言喻的。而且，书中对不同移动设备和浏览器的兼容性问题也进行了细致的分析，提供了各种实用的解决方案，让我觉得在开发过程中不再是摸着石头过河，而是有了一个清晰的路线图。更重要的是，这本书不仅仅关注“技术”，它还强调了“用户”，引导我去思考如何创造出真正能吸引和留住用户的移动Web体验，这一点对于我来说，是价值连城的。
评分坦白说，我对于技术书籍的阅读体验一直褒贬不一，但这本书却给了我前所未有的惊喜。它不像许多技术书籍那样，上来就抛给你一堆代码和术语，而是先用一种非常“讲故事”的方式，带你进入移动Web开发的世界。作者的叙事能力非常强，能够将那些复杂的概念，用一种非常形象生动的方式呈现出来，让我仿佛置身于一个充满活力的开发场景之中。我尤其喜欢书中对于动画和过渡效果的讲解，它不仅仅是告诉你如何实现，更重要的是引导你理解这些元素如何能够提升用户的情感连接和视觉吸引力。读到关于下拉刷新和上拉加载的实现时，我感觉就像是在为用户创造一种流畅、自然的交互体验，那种成就感，真是难以言喻。而且，这本书的结构也非常合理，从基础到进阶，循序渐进，让我能够一步步地建立起对移动Web开发的全面认识。它让我明白，技术不仅仅是冰冷的指令，更是连接用户和信息的桥梁，而这本书，就是这座桥梁最坚实的基石。
评分这本书的出现，对我来说简直是一场及时雨。我之前一直在移动Web开发领域摸索，虽然也看了一些资料，但总感觉有些零散，不成体系。而这本书，就像是为我量身定制的指南针，为我指明了方向，让我不再迷失。作者的文笔非常流畅，将那些原本可能晦涩难懂的技术术语，描述得清晰明了。我特别喜欢它在解释API和框架时，那种从宏观到微观的讲解方式，让我能够快速掌握核心概念，然后深入细节。书中那些生动的案例分析，让我能够将学到的知识立刻应用到实际场景中，这种学以致用的感觉，让我非常有成就感。尤其令我印象深刻的是，书中关于用户交互设计的探讨，它不仅仅是停留在技术层面，而是深入到用户的心理，让我理解如何通过精心设计的界面和流畅的操作，为用户带来愉悦的体验。这本书让我明白，好的移动Web应用，不应该只是功能的堆砌，更应该是一个能够与用户进行有效沟通的平台。
评分这本书真是出乎我的意料，我原本以为这会是一本枯燥的技术手册，没想到它却像一本引人入胜的冒险故事，带领我闯入移动Web开发的奇妙世界。从第一页开始，作者就用一种非常生动形象的方式，将那些原本可能令人望而却步的技术概念，描绘得如同一个个生动的角色，在我的脑海中跳跃。我尤其喜欢它对响应式设计的讲解，与其说是讲解，不如说是一种引导，让我一步步体会到如何让网页在不同的设备上都展现出最佳的风采。那种感觉，就像是给每一个网页赋予了生命，让它们能够根据周围的环境和观众的需求，灵活地调整自己的姿态。书中那些精妙的插图和代码示例，更是锦上添花，让我这个对代码有点“恐高症”的人，也能轻松地跟上作者的思路，甚至跃跃欲试地想要自己动手去创造。最让我印象深刻的是，书中并没有仅仅停留在“如何做”，而是深入探讨了“为什么这么做”，它教会我理解背后的设计理念和用户体验的重要性，让我不再是机械地复制代码，而是带着思考去编写每一行代码。这种深度和广度的结合，让我感觉不仅仅是在学习一项技术，更是在培养一种解决问题的能力和一种对用户需求的敏锐洞察力。
评分使用起来比较方便，是个不错的东西。
评分........
评分学习java语言必备的学习用书啊！很不错的！大家值得拥有，而且价格合理！
评分js非常专业的一本书，非常权威！
评分还没开始看，期待一下。
评分内容仁者见仁，看需要来。提笔忘字，备着 加深记忆。
评分非常好的书，在618活动买。便宜
评分写的不错比较好理解做活动时拿下不错
评分ppk写的很详细，浅显易懂
相关图书
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.cndgn.com All Rights Reserved. 新城书站 版权所有