具体描述
《移动Web手册(双色)》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍,让读者理解移动开发的复杂之处。接下来对移动设备上的各种浏览器进行了详细介绍,以及这些浏览器的市场占有率、特性支持等。《移动Web手册(双色)》为那些想进入移动Web开发领域的人提供了一些指导性的建议并对移动Web开发的未来进行了展望。
《移动Web手册(双色)》主要面向前端开发工程师,对移动Web开发感兴趣的手机App开发工程师以及测试工程师也可以参考学习。
作者简介
Peter-Paul Koch(另一个更广为人知的名字是PPK)是HTML、CSS和JavaScript方面的专家,尤其擅长解决浏览器兼容性问题。在2009年,他就从传统的桌面浏览器和网站转而研究移动Web领域,并且从未间断。
目录信息
移动价值链 ............................................3
运营商 ......5
网络供应商 ...............6
运营商补贴 ...............6
补贴还是不补贴 ........8
开发者和消费者心理份额 ...........9
设备供应商和硬件 ..............................10
跟随一部手机 ......... 10
什么是智能手机 ...... 12
全球设备市场 ......... 13
寻找合适的统计 ...... 14
智能手机销售市场份额 ............. 16
操作系统销售市场份额 ............. 17
操作系统使用量 ...... 19
设备市场的变化 ...... 20
操作系统厂商和软件 ..........................22
现存操作系统 ......... 23
挑战者 .................... 24
Web作为操作系统 ... 25
第2章 浏览器............... 27
浏览器类型 ..........................................30
内置浏览器 ............. 30
可下载浏览器 ......... 31
WebView ................32
代理浏览器 ..........................................32
优势:便宜 ............. 34
缺点:没有客户端交互 ............. 35
在代理浏览器上开发 ................ 35
混合浏览器 ............. 36
iOS浏览器的情况 ................................37
其他平台的浏览器的情况 ......... 38
渲染引擎 38
手机上没有WebKit ..39
用浏览器赚钱 ......................................40
统计数据 42
第3章 安卓.................. 47
结构和目的 ..........................................50
差异化 .................... 50
安卓的更新 ............. 52
谷歌服务 ................ 53
安卓浏览器 ..........................................54
安卓WebKit ............54
Chrome .................. 56
三星Chrome和其他浏览器 ........ 57
当前的内置浏览器 .. 59
可下载的浏览器 ...... 59
我应该测试哪些浏览器呢 ..................60
第4章 视口.................. 63
像素 ........66
三个视口 68
布局视口 ................ 70
视觉视口 ................ 71
理想视口 ................ 72
哪一个视口 ............. 73
缩放 ........75
什么是缩放 ............. 75
页面缩放 ................ 76
拖放 ....................... 77
最小和最大缩放比例 ................ 78
禁止缩放 ................ 79
其他缩放形式 ......... 79
分辨率 ....80
物理分辨率 ............. 80
设备像素比 ............. 80
dppx和dpi .............. 82
meta视口 .......82
width...................... 83
initial-scale ............85
完美的meta视口 ......85
太大的元素 ............. 86
布局视口的最小宽度 ................ 86
minimum-scale和maximum-scale .......87
@viewport 和 IE .....88
媒体查询 89
媒体类型 ................ 89
语法笔记 ................ 90
宽度和高度 ............. 92
在媒体查询中使用em ............... 92
device-width和device-height ....93
device-pixel-ratio和分辨率 .......94
转向 ....................... 95
aspect-ratio和device-aspect-ratio .......95
JavaScript 95
布局视口 ................ 96
视觉视口 ................ 97
理想视口--还是屏幕尺寸 ...... 97
devicePixelRatio .....98
改变meta视口标签 ..98
orientationchange事件 ..............99
resize事件 ..............99
第5章 CSS............... 103
position:fixed ......................................106
overflow:auto ......................................109
overflow-scrolling 110
background-attachment ....................... 111
尺寸单位vw和vh ................................ 112
:active和:hover .................................... 113
过渡和动画 ........................................ 115
第6章 触摸和指针事件.. 117
触摸事件 ............................................120
touchcancel .......... 121
手势事件 .............. 122
其他事件 .............. 122
实例 ......123
下拉菜单 .............. 123
拖放 ..................... 124
滚动层 .................. 125
事件和交互模式 ................................126
等价事件 .............. 127
触摸事件的不同之处 .............. 128
能否合并触摸事件与鼠标事件 130
mouseover和pointerover......... 132
输入模式的渐进增强 .............. 133
判断当前的交互模式 .............. 134
触摸事件的级联 ................................138
轻触操作 .............. 139
其他动作 .............. 141
Safari:取消事件级联 ............ 142
Safari:鼠标事件冒泡 ............ 142
剖析Click ............................................144
300毫秒 ................ 144
同一个像素 ........... 146
剖析触摸事件 ....................................147
touchList .............. 148
获取事件坐标 ....... 149
离开元素 .............. 150
阻止默认行为 ....... 151
实例:水平滚动和垂直滚动 .... 152
指针事件 ............................................153
事件名和前缀 ....... 155
事件属性 .............. 156
touch-action ......... 156
第7章 成为移动Web开发者........... 159
理想的设备实验室 ............................162
升级 ..................... 163
安卓 ..................... 164
不要安装实验版本 166
获得设备 .............. 166
分享设备 .............. 167
测试哪些东西 ....................................168
如何进行测试 ....................................169
时间 ..................... 169
准备工作 .............. 170
分批测试 .............. 171
测试流程 .............. 173
克服过时的惯性思维 ........................174
浏览器探测 ........... 174
JavaScript脚本库 .. 175
移动网络 ............................................176
连接速度 .............. 177
第8章 移动Web的未来 179
HTML5 vs. 原生应用 .........................181
模拟原生应用 ....................................182
网络连通性和AppCache ......... 183
安装到主屏幕 ....... 183
设备API ............... 184
模拟Web .............................................186
分享应用 ............................................187
· · · · · · (收起)
读后感
用户评价
这本书的叙事口吻非常亲切,读起来不像在读一本教科书,更像是一位经验丰富的资深工程师在手把手地带你“走一遍流程”。我最感兴趣的是关于用户体验(UX)在移动Web中的特殊考量。移动设备的用户交互更依赖于手指的点击和滑动,这对传统的鼠标事件模型提出了巨大的挑战。我期待书中能有专门的章节深入探讨如何优雅地处理触摸事件的冲突、如何设计适应拇指操作区域的按钮大小,以及如何利用原生设备的传感器数据(如陀螺仪或定位信息)来增强Web应用的沉浸感。很多Web开发者常常陷入“只是把桌面网站缩小了”的误区,而这本书如果能真正引导读者跳出这种思维定式,去拥抱移动端的交互范式,那它就成功了一半。特别是关于动画和过渡效果,如何在保证流畅度的同时,避免过度消耗移动设备的电量,这绝对是一个需要细致探讨的议题。
拿到这本书的时候,我首先被它扎实的理论基础和严谨的论述风格所吸引。这绝不是那种轻飘飘的“快速入门”读物,它似乎是为那些已经有一定Web开发经验,现在希望将自己的技能栈升级到移动端专家的读者准备的。我尤其欣赏作者在探讨CSS布局模块时所采用的对比分析手法,比如Flexbox与Grid在特定移动场景下的优劣权衡,以及对Viewport meta 标签背后工作机制的细致剖析。很多教程只是告诉你“应该用这个属性”,但这本书似乎深入挖掘了“为什么用这个属性,以及在什么情况下它会失效或表现不佳”。这种探究事物本质的态度,对于提升读者的内功至关重要。我希望它能在跨设备触摸事件处理、移动端表单优化以及原生与Web混合开发边界地带的API调用上,给出比Stack Overflow上那些零散回答更有深度和一致性的指导。如果它能提供一套清晰的思维导图,帮助我理解整个移动Web生态系统中的各个组成部分是如何协同工作的,那这本书的价值将远远超出它的定价。
这本书的理论深度和广度让我感到,它不仅仅是一本“How-to”手册,更像是一本“Why”的解析集。我注意到它似乎也涵盖了移动Web的未来趋势,例如WebAssembly在性能密集型应用中的潜力,以及如何利用最新的浏览器API来弥补Web与原生应用之间的功能差距。对于我这样的长期从业者来说,最宝贵的信息往往是那些尚未完全普及但极具前瞻性的技术点。我希望作者能够对PWA的推送通知、离线安装流程的兼容性陷阱进行详尽的阐述,因为这往往是部署PWA时最容易遇到各种奇奇怪怪的浏览器怪癖的地方。如果这本书能像一面镜子,清晰地映照出当前移动Web技术栈的全貌,并指出未来几年技术演进的路径,那么它就不只是一本工具书,而是一份战略参考。我对它能够提供一套成熟的、可扩展的移动Web架构蓝图抱有极高的期望。
说实话,我对技术书籍的“手感”和排版也挺有要求的,这本书的纸张质量和内页布局让我感到舒适。在阅读那些关于性能优化的章节时,清晰的图表和格式化的代码块是阅读体验的关键。我一直觉得,移动Web的性能优化是一个深不见底的学问,它不仅仅关乎代码层面的优化,还涉及CDN、服务端缓存策略,甚至是用户网络环境的预判。我特别留意了书中是否有关于“首次内容绘制”(FCP)和“最大内容绘制”(LCP)这些核心指标的优化实战案例。如果它能提供一些案例分析,展示如何通过懒加载、资源优先级排序,以及针对特定移动浏览器缓存机制的微调,将一个原本加载缓慢的页面提速50%以上,那就太棒了。另外,关于Web Worker和Service Worker的讲解,我希望它能清晰地区分两者的应用场景,避免让初学者混淆,并提供一些实用的离线缓存策略示例。这本书如果能做到“理论结合最新的性能测试工具”,那它的实用价值将得到质的飞跃。
这本《移动Web手册》的封面设计给我留下了非常深刻的印象,那种简约又不失专业感的配色和字体选择,一下子就抓住了我的眼球。我一直以来都在寻找一本能系统梳理移动端Web开发全貌的指南,市面上很多书要么过于侧重前端框架的某个特定技术栈,要么就是内容零散,缺乏整体架构。这本书的目录结构给我一种“终于找到组织了”的感觉。从基础的响应式设计原理,到性能优化策略,再到最新的PWA(渐进式网络应用)实践,它的覆盖面广度令人称赞。我特别关注其中关于不同操作系统(iOS和Android)原生浏览器差异化处理的部分,这通常是文档中最容易被忽略但实际开发中又最常遇到的痛点。我期待它能提供一些经过实战检验的、可以立即应用到项目中的代码片段和最佳实践,而不是空泛的理论陈述。如果这本书真的能像它目录所展示的那样深入浅出地讲解如何构建一个既能在手机上流畅运行,又能兼顾桌面端体验的现代化Web应用,那么它无疑将是我未来很长一段时间内工具箱里最重要的参考书了。这种对全景式解决方案的追求,让我对它的内容质量充满了期待,希望它不会让我失望。
整本书都在讲的是渔而非鱼,很薄的书,却承载了丰富的内容,相信我你值得拥有,移动的浪潮,不容错过
对移动web的开发,测试讲的比较多,各种平台,浏览器的差异介绍,对开发健壮的移动web前端有帮助
一些移动开发的基础知识,居然定价这么高,也就是赶上移动开发这个风口了。
真不咋滴
翻译实在有点…看了之后更迷糊了