最新移动互联网时代的Web技术

最新移动互联网时代的Web技术
  移动互联网时代的Web技术
 
  移动互联网的发展速度已经远远超出我们的估计,在一个全新的领域里,Android、iOS等新技术在移动互联网领域成为最热点的话题之一。与此同时,跨平台的HTML5应用在未来更有可能对移动互联网领域起到巨大的影响。
 
  我们的目标可以让只有Web技术基础的你同样能参与移动互联网开发。
 
  移动互联网的前景
 
  移动互联网业务将会朝着多元化的方向发展。
 
  &移动广告
 
  移动互联网在未来高速发展阶段的趋势,必定会带动移动广告业务的发展。目前已经有不少的创业者开始尝试该领域。
 
  &移动搜索
 
  目前,各大搜索引擎公司已经把其桌面浏览器的搜索网站搬到移动颁域。相信在未来几年内,移动搜索将会为移动用户提供更便利的搜索体验。
 
  &移动购物
 
  移动购物即用户通过移动设备(如手机)接入无线互联网购买商品或服务的业务。在国内,淘宝,京东等网站已经开展手机在线购物业务,手机端已经成为一个重要的入口,所占的比重也越来越大。
 
  &移动社交网络
 
  移动互联网已经进入了我们的生活当中,它们通过各种手机和平板电脑就能实现社交和分享。与传统互联网相比,移动互联网的社交功能前景更加乐观,目前QQ、Facebook、微博等传统社交网站或应用已经在移动社交领域占有一份子,当然还有现在如日中天的微信。
 
  &多媒体
 
  在2G时代,手机用户使用最多的多媒体业务是铃声、彩铃、图片下载等手机业务。随着无线网络(现在已经是4G)的发展,用户可以通过无线互联网享受音乐、电影、动画等多种服务。
 
  &移动游戏
 
  以现在手机的发展速度来看,手机已经成为游戏厂商开发和推广游戏的平台之一。特别是在这个移动互联网时代,上网速度的提升,必然会引发一场移动互联网的网游争夺战。
 
  智能手机的Web浏览嚣支持?
 
  随着智能手机的发展,Android平台手机、iOS平台的iPhone手机不断推出各种应用程序。然而,它们都各自内置有一款令人感到陌生的应用程序,就是移动Web浏览器,例如:。Android中的AndroidBrowser.IOS中的Mobije
 
  Safari·BlackBerry中的Webkit测览器这些移动Web浏览器不同于过去的WAP浏览器,它能识别和解释HTML、css、JavaScript等代码,而且它们都有一个共同的特点就是其浏览嚣的核心都是基于Webkit。随着iOS
 
  5.0版本发布以来,Safari浏览器已经成为移动端表现最好的Web浏览器。
 
  什么是基于Webkit的浏览嚣?
 
  Webkit实际上是一种浏览器引擎,同时也是一个开源的项目,其起源可以追溯到Kool DesktopEnvironment(
 
  KDE)。在桌面浏览器中,Chrome谷歌浏览器、Apple的Safari浏览嚣都已经内置了Webkit引擎,并支持HTML5和CSS3特性。
 
  所以说,现在的手机游览器基本上可以忽略html5的支持性问题
 
  作为下一代Web技术标准。HTML5标准定义的规范非常广泛,以下标准在目前的移动浏览器中已得到支持。
 
  1.canvas绘图
 
  HTML5标准最大的变化就是支持Web绘图功能。Canvas绘图功能非常强大,如图形绘制、路径绘制、变形、像素绘图、动画等。用户可以通过获取HTML中Dom元素Canvas,并调用其渲染上下文的Context对象,使用JavaScript进行图形绘制。现在已经有至少10种基于HTML5图表的开源JavaScript类库。例如,我们在新浪平台查看上市公司的股价。
 
  2.多媒体
 
  Apple的iOS在平台默认情况下不支持播放Flash文件。HTML5的多媒体标准就是Apple公司的最佳解决方案,因为它不需要任何插件,只需要几个页面标签就能实现多媒体的播放。
 
  HTML5标准中的多媒体,Video视频和Audio音频正好弥补了多年来需要插件才能播放Flash模式的缺陷。现在只需要利用Video和Audio贝通过简单几行页面代码,就能播放互联网上的各种视频文件。
 
  可是,各家浏览器提供商对多媒体标准所支持的播放格式不一致,导致多媒体标准的发展无法像其他标准那样大放异彩。例如Google的Chrame最新版本支持的多媒体视频格式是:Ogg、MPEG4、WebM,而Apple的Safari则只支持MPEG4。因此,真正在移动设备的Web浏览器上实现多媒体功能还尚需时日。
 
  3.本地存储
 
  为了满足本地存储数据的需求,HTML5标准中新增两种存储机制,Web Storage和Web SQL
 
  Database。前者通过提供key/value方式存储数据,后者通过类似关系数据库的形式存储数据。移动Web浏览器对Web
 
  Storage的支持情况比较理想。
 
  4.离线应用
 
  HTMI。5标准规范提供一种离线应用的功能。当支持离线应用的浏览器检测到清单文件(ManifestFile)中的任何资源文件时,便会下载对应的资源文件,将它们缓存到本地,同时它也保证本地资源文件的版本和服务器上的保持一致。对于移动设备来说,当无网络状态可用时,Web浏览器便会自动切换到离线状态,并读取本地资源以保证Web应用程序继续可用。
 
  5.使用地理位置
 
  现在,很多现代浏览器中都实现丁一种神奇的功能,它能实时获取到你当前在地图上所在的位置。
 
  虽然地理定位标准严格上来说并不属于I-ffML5标准规范的一部分,但它已经逐渐得到大部分浏览器的支持。
 
  6.移动Web框架
 
  因为有了Webkit和HTML5的支持,越来越多的Web开发者开始研究基于移动平台的Web应用框架,例如基于jQuery页面驱动的iQuery
 
  Mobde、基于ExtjS架构的SenchaTouch,以及能打通Web和Native两者之间通道的PhoneGap框架(国内的有appcan等)。
 
  目前基于HTML5移动Web框架存在两种不同的开发模式:基于传统Web的开发和基于组件式的Web开发。
 
  基于传统Web的开发模式,就是在传统Web网站上,根据移动设备(如手机)平台的特点展示其移动版的Web站点。目前最能体现该开发模式优势的Web框架是jQueryMobile。通过使用CSS3的新特性,MediaQueries模块在实现一个站点同时能自适应任何设备,包括桌面电脑和智能手机。
 
  基于组件式的Web开发有些类似于Ext所提供的富客户端开发模式,在该模式下几乎所有的组件或视图都封装在JavaScript内,然后通过调用这些组件展示Web应用。这种模式的最佳代表是Sencha

推荐阅读