HTML5移动web开发指南笔记

手机内置浏览器：

• •  Android：Andriod Browser
  • IOS：Mobile Safari
  • BlackBerry：Webkit
  • Symbian S60： Web Browser for S60

其浏览器的核心都是基于Webkit

Webkit简介：

    一种浏览器引擎，同时也是一个开源的项目

Web浏览器带来的意义：

    可以通过浏览器直接访问任何通过HTML静态语言或类似PHP、ASP等动态语言构建的Web网站或应用程序

智能手机Web浏览器的特点:

• • 有限的屏幕尺寸
  • 触屏、缩放
  • 硬件设备的提升
  • 基于Webkit内核

原生APP的优缺点：

     优点：

• •  更好的用户体验和交互操作
  • 不收网络限制，节省带宽
  • 可以充分发挥设备硬件和操作系统的特性

     缺点：

• • 平台间移植困难，存在版本间的兼容问题的风险
  • 开发周期长，维护成本高，调试困难
  • 需要依赖第三方应用商店的审核上架

WebAPP优缺点：

     优点：

• •  开发效率高，成本低；
  • 跨平台应用，界面风格统一；
  • 调试和发布方便，一次编写，云端升级；
  • 无须安装或更新。

    缺点：

• • •无法发挥本地硬件和操作系统的优势；
  • •受网络环境的限制；
  • •难以实现复杂的用户界面效果。

基于HTML5的移动Web应用

1. Canvas绘图
2. 多媒体：但是其支持的格式 不相同，实现多媒体功能还需要时间
3. 本地存储：

为了满足本地存储数据的需求，HTML5标准中新增两种存储机制，WebStorage和WebSQLDatabase。前者通过提供key/value方式存储数据，后者通过类似关系数据库的 形式存储数据。

移动Web浏览器对WebStorage的支持情况比较理想。

      4.    离线应用

      5.   使用地理位置

现在，很多现代浏览器中都实现了一种神奇的功能，它能实时获取到你当前在地图 上所在的位置。

虽然地理定位标准严格上来说并不属于HTML5标准规范的一部分，但它已经逐渐 得到大部分浏览器的支持。