《移动Web手册(双色)》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍,让读者理解移动开发的复杂之处。接下来对移动设备上的各种浏览器进行了详细介绍,以及这些浏览器的市场占有率、特性支持等。《移动Web手册(双色)》为那些想进入移动Web开发领域的人提供了一些指导性的建议并对移动Web开发的未来进行了展望。
《移动Web手册(双色)》主要面向前端开发工程师,对移动Web开发感兴趣的手机App开发工程师以及测试工程师也可以参考学习。
......(更多)
Peter-Paul Koch(另一个更广为人知的名字是PPK)是HTML、CSS和JavaScript方面的专家,尤其擅长解决浏览器兼容性问题。在2009年,他就从传统的桌面浏览器和网站转而研究移动Web领域,并且从未间断。
......(更多)
第1章 移动世界.............. 1
移动价值链 ............................................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
......(更多)
从开始到进入市场,这个过程会持续至少六个月,而且有可能会长达一年。通常情况下,公司越大越官僚主义,就有越多的人们需要预定这款手机,这样会导致延迟发货。这就给了小的设备供应商一个机会,尤其是中国的供应商,比如小米;因为他们又更快的发布环节,他们能够更快速地响应市场的新趋势。
在桌面浏览器上,click事件只有当mousedown和mouseup事件在同一个像素触发后才会被触发。也就是说,按下和松开鼠标按键之间不能移动鼠标指针。
......(更多)