《跨终端Web》内容简介

移动互联网不可阻挡地进入了我们的生活。作者将自己在百度和天猫期间的跨终端Web的开发实践转化为书中的技术方案和实现，呈现给各位读者。第1章提出了跨终端Web的概念以及实现跨终端Web的多重途径，第2章主要介绍Mobile Web的技术基础，第3～7章是全书的核心，按照开发流程组织逐步讲解了实现跨终端Web所需要的各类技术基础设施，第8章主要介绍了Hybrid App的发展历程、实现细节以及成熟的框架，第9章介绍的跨终端存储方案（Storage）是作者曾经的冠军作品，第10章完整介绍了如何通过脚本录制和回放来实现跨终端动作同步。
鬼道（原名徐凯），2011年毕业于同济大学计算机科学与技术系，模式识别方向硕士研究生。现就职于天猫，先后负责天猫跨终端Web的业务推进和技术基础设施建设、天猫前端会员营销组。目前关注的领域是Mobile Web、PC Web和Native App的融合。

作品目录

推荐序
前言
感谢
1、跨终端Web
1.1、终端VS.设备
1.2、一个贯穿全书的例子
1.3、后续章节
1.4、移动优先
1.4.1、移动流量暴增
1.4.2、聚焦业务本质
1.4.3、人机交互扩展
1.4.4、再说书名
1.5、不只是响应式
1.5.1、响应式
1.5.2、多站点
1.5.3、多模板
1.5.4、多平台
1.6、解决方案
2、Mobile
Web
2.1、HTML5、2.2、HTML
2.2.1、移动页面模板
2.2.2、Viewport
2.2.2.1、固定width
2.2.2.2、动态载入
2.2.2.3、更多
2.2.3、touch-icon
2.2.4、其他
2.3、触屏事件
2.3.1、触屏事件一览
2.3.2、通用触屏事件
2.4、调试
2.4.1、远程调试
2.4.1.1、Mobile
Emulation
2.4.1.2、iOS远程调试
2.4.1.3、Android远程调试
2.4.1.4、weinre
2.4.1.5、HTTP代理服务器
2.4.2、设备调试
2.4.2.1、设备模拟器
2.4.2.2、远程设备
2.5、兼容性
2.5.1、OS版本碎片化
2.5.2、国内的特殊情况
2.5.3、WebView
2.5.4、更多工具
2.6、文档
3、基准
3.1、GBS
3.2、MGBS
3.2.1、准备
3.2.1.1、数据源
3.2.1.2、MGBS中的级别
3.2.2、操作系统分级
3.2.2.1、Android版本分布
3.2.2.2、iOS版本分布
3.2.2.3、其他操作系统版本分布
3.2.2.4、操作系统趋势
3.2.2.5、操作系统分级
3.2.3、屏幕分辨率分级
3.2.3.1、Android屏幕分辨率
3.2.3.2、iOS屏幕分辨率
3.2.3.3、屏幕分辨率分级
3.2.4、浏览器分级
3.2.4.1、Android浏览器
3.2.4.2、iOS浏览器
3.2.4.3、浏览器分级
3.2.5、MGBS
3.2.5.1、基准落地
3.2.5.2、遗留问题
3.3、GTE
3.3.1、分层设计
3.3.2、核心层
3.3.3、数据层
4、检测
4.1、终端
4.1.1、什么是终端
4.1.2、分类
4.1.2.1、设备类型
4.1.2.2、操作系统
4.2、终端检测
4.2.1、场景
4.2.2、原理
4.2.3、实现
4.3、遗留问题
4.3.1、硬件信息
4.3.2、更精准的终端检测
5、接口
5.1、跨终端流程复用
5.1.1、示例1、5.1.2、示例2、5.2、IF
5.2.1、始于一次重构
5.2.2、新的环境
5.2.3、模型
5.2.4、解决方案
5.2.5、架构
5.2.6、路线图
5.3、if-spec
2.0、5.3.1、JSON
Schema
5.3.1.1、示例
5.3.1.2、Core
5.3.1.3、Validation
5.3.2、Demo
5.3.2.1、简单Demo
5.3.2.2、基本Demo
5.3.2.3、高级Demo
5.3.3、meta
5.3.4、if-spec
1.0、5.3.4.1、请求
5.3.4.2、响应
5.3.4.3、键集合
5.3.4.4、值类型
5.3.4.5、规则字段
5.4、if-mock
2.0、5.5、if-guide
2.0、5.6、总结
6、定位
6.1、定位
6.1.1、Hash
6.1.2、History
API
6.1.3、视图定位
6.2、数据
7、预览
7.1、客户端
7.2、服务端
7.3、示例
8、Hybrid
App
8.1、Hybrid简史
8.1.1、背景
8.1.2、简史
8.1.3、现状
8.2、Hybrid技术
8.2.1、Native调用Web
8.2.2、Web调用Native
8.2.2.1、Android
8.2.2.2、iOS
8.2.3、Bridge
8.3、Hybrid框架
8.3.1、PhoneGap
8.3.1.1、PhoneGap和Cordova
8.3.1.2、原理
8.3.1.3、经典案例
8.3.2、Titanium
8.3.2.1、设计思路
8.3.2.2、工作流程
8.4、Device
API
8.4.1、动作传感器
8.4.1.1、陀螺仪
8.4.1.2、加速计
8.4.1.3、距离传感器
8.4.2、环境传感器
8.4.3、音频
8.4.4、视频
8.5、小结
9、存储
9.1、状态持久化
9.2、技术方案
9.2.1、整体方案
9.2.2、跨终端存储方案
9.2.3、跨域通信方案
9.2.3.1、异常处理
9.2.3.2、IE
6/7兼容处理
9.2.4、安全性
9.2.5、遗留问题
9.3、使用
9.3.1、实例化
9.3.2、set/get
9.3.3、remove/clear
9.3.4、推荐命名
10、动作同步
10.1、原理
10.1.1、案例
10.1.2、动作同步
10.2、实现
10.2.1、Selenium
10.2.2、脚本录制和回放
附录A
GBS
2.分级浏览器支持：What&Why
3.“支持”的含义
4.渐进式增强与优雅降级
5.什么是支持的分级
6.支持的3个级别
附录D
if-spec
2.0、作者简介

热门书摘

移动优先的跨终端解决方案核心是一套数据有多个高品质低成本展现方式，这促使前后端分离成为必需，前端工程师不仅仅要关心客户端环境也要关心服务端环境，所以GBS需要升级到GTE（Graded Target Environments，分级目标环境），工程师更关注端到端的数据接口约定（比如正文中的IF就是这种思想下的一种实践方案），这会彻底改变前端的开发方式、架构和发布机制，也会导致前端团队快速膨胀直到前后端比率趋于一致。这是一个巨大的挑战，也是一个前所未有的机会，更是时势的要求。我把这个时代叫作前端工程师2.0。

定位信息

基于User-Agent的服务器端实现——MED架构

if-spec

$schema": "http://json-schema.org/draft-04/schema#",

"response2"

后台应用场景，应该（SHOULD）考虑统一使用POST

首次访问返回HTML，HTML由后端模板生成

近场通信

Storage跨域通信方案筛选