移动Web手册(双色)
作者: (荷)科赫 著;奇舞团 译
出版时间: 2015年版
内容简介
《移动Web手册(双色)》主要讲解了移动Web开发和传统PC网站开发的不同之处。作者首先对移动互联网相关的运营商、设备、操作系统和软件进行了简单的介绍,让读者理解移动开发的复杂之处。接下来对移动设备上的各种浏览器进行了详细介绍,以及这些浏览器的市场占有率、特性支持等。《移动Web手册(双色)》为那些想进入移动Web开发领域的人提供了一些指导性的建议并对移动Web开发的未来进行了展望。《移动Web手册(双色)》主要面向前端开发工程师,对移动Web开发感兴趣的手机App开发工程师以及测试工程师也可以参考学习。
目录
第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
分享应用