《HTML5移动web开发指南》笔记（二）

第1章 移动互联网时代的web技术 

智能手机的web浏览器

Android：Android Browser；

IOS：Mobile Safari；

BackBerry：Webkit浏览器；

Symbian S60：Web Browser for S60。

    这些移动web浏览器不同于过去的WAP浏览器，它们能识别和解释HTML、CSS、JavaScript等代码，而且都有一个共同的特点就是其浏览器的核心都是基于Webkit。

基于Webkit的浏览器

Webkit实际上是一种浏览器引擎，同时也是一个开源的项目，其起源可以追溯到Kool Desktop Environment（KDE）。在桌面浏览器中，Chrome谷歌浏览器、Apple的Safari浏览器都已经内置了Webkit引擎，并支持HTML5和CSS3特性。在移动端方面，黑莓更是直接将Webkit浏览器内置到平台当中。

Mobile Safari和Android Browser作为两大平台内置的移动Web浏览器，更是继承各自桌面端浏览器的特点，既支持HTML5和CSS3的多项特性。

移动Web框架

    因为有了Webkit和HTML5的支持，越来越多的web开发者开始研究基于移动平台的Web应用框架，例如基于jQuery页面驱动的jQuery Mobile、基于ExtJS架构的SenchaTouch，以及能打通Web和Native两者之间通道的PhoneGap框架。

目前基于HTML5的移动Web框架存在两种不同的开发模式：基于传统Web的开发模式和基于组件式的Web开发。

基于传统Web的开发模式，就是在传统Web网站上，根据移动设备（如手机）平台的特点展示其移动版的Web站点。目前最能体现该开发模式优势的Web框架是jQuery Mobile。通过使用CSS3的新特性，Media Queries模块在实现一个站点的同时，也能自适应任何设备，包括桌面电脑和智能手机。

基于组件式的Web开发有些类似于Ext所提供的富客户端开发模式，在该模式下几乎所有的组件或视图都封装在JavaScript内，然后通过调用这些组件展示Web应用。这种模式的最佳代表是Sencha Touch。