移动Web应用开发现状与未来

Web前端的起源

Web应用诞生:随着GMail、Google Map等优秀Web应用出现,Ajax在2004年之后一度成为热门话题。经过几年的发展,一批以Prototype、Dojo、Ext为首的Ajax+UI的浏览器兼容框架不断出现。UI和Web中间新增了一层以Javascript为核心,专门处理数据传输、Web交互等内容的开发层,Web前端。Web前端伴随Web应用而诞生,并逐步走来。

Web宿主之争:随着RESTful Web Service潮流的发展,后台服务也迅速实现了数据云端化,接口API化。但受IE垄断和发展缓慢的影响,Web前端始终走不出浏览器能力不足和兼容性问题突出的困局。开发维护浏览器插件、Flash控件等更是无奈的选择。Web前端往往因为需要兼容IE6、IE7、FF、有无插件、有无Flash等情况付出巨大开发代价。2006年,John Resig的jQuery框架从某个意义上解决了这个问题。我认为最大的突破在于让老旧浏览器适配新的Web标准,满足了开发者开发高效而兼容老旧浏览器的需要。

Web标准化之路:Google在2008年推出了Webkit核心的浏览器Chrome(后来也发布了ChromeOS)。随着FireFox,Chrome,Safari,Opera等浏览器开始对HTML5和CSS3的深入支持以及性能的不断优化,IE市场占有率的持续下滑。Web标准化终于等到了一个发展机遇。2010年,HTML5和CSS3被Webkit核心的Chrome、Safari绚丽地实现后,IE9也表示全面支持HTML5后。Web标准进入一个高速发展阶段。随后,浏览器GPU加速也浏览器厂商们所接受。在Web标准化、离线化、硬件化的浪潮中,Web应用逐渐具备了替代桌面应用条件和能力。Web前端开发也在逐步取代桌面应用客户端开发。

移动Web应用背景

非智能机时代:Java和WAP是取代短信SP后的第一种移动互联网实现方式。这个年代虽然荒蛮,但很纯真。

前智能机时代:HP把一台WinPPC的PAD增加电话功能,做成第一台智能手机时。Windows Mobile和S60是这个时代的主角。基于手机系统的客户端应用就是移动互联网应用的最好形式。但是随着系统版本的不断升级,设备的差异不断增大。手机客户端应用开发同样面临着与Web前端开发一样的兼容性开发效率和维护成本问题。

后智能机时代:随着iPhone和Android(HTC、摩托罗拉、三星等)手机等的热卖,两个电子市场生态链逐步形成。再加上最近诺基亚和微软和合作,电子市场生态链之争拉开帷幕。客户端应用成为了电子市场生态链的主角。不过随着三方系统的竞争升级,也伴随浏览器的不断优化。先不论WP7,iPhone和Android阵营的浏览器都是webkit核心的,差异只在于硬件加速能力和设备资源的差异。这恰好也是移动Web应用的发展机遇。

移动Web应用开发

需求:

互联网是个产品线丰富的产业,但不可能对所有产品都投入巨大开发成本。WAP能满足基本使用需求,而客户端应用满足主线产品的高端需求。还有一大片中高端需求无法很好满足。遗憾的是,限于开发成本,用户没有与其高端设备相匹配的非主线产品客户端可用。

开发成本无法避免,但可以择优。我们可以通过移动Web应用的方式来次优替代非主线产品客户端。这也是廉价的移动应用实现方式。

现状:

目前iOS和Android系统的浏览器都是webkit核心的,我们可以开发移动Web应用来满足这块需求。iOS支持硬件加速,Android系统也能满足基本Webkit的API功能,适宜通过区分iOS来提供差异化服务。iOS的Mobile Safari有足够能力提供webkitTransForm(图形变换,3D变换支持硬件加速)、webkitTransition(CSS3动画)、SQLite、LocalStorage(离线存储)、 WebSocket(iOS 4.2+)服务。至于Android,因为需要兼容参差的低端设备,还是不建议使用复杂图形变换和CSS3动画,其它能力可以通过判断能否支持来选择使用。另外多点触摸、重力感应、地理位置还是根据能否支持和需要来使用,主要用于优化用户体验,不影响基本交互方式。

未来:

移动Web应用的起点比PC Web应用的高,但适用范围较窄。但移动Web应用将成为Web应用的一种延伸,从开发角度来看,应该是殊途同归的。

小结

Javascript的角色从诞生起的页面粘合剂转变成今天的Web应用开发语言,一路走来经过很多波折。有人喜欢他,有人讨厌他,在崇拜和谩骂中成长过来。将来的路还很长,但迷雾已散去,前途是光明的。当中有无数人的付出汗水,也成就了少数应用的辉煌。不过他仍然是一个工具,为开发者服务,需要人们一起来优化他,使用他。

原文链接:

http://www.cnblogs.com/gzterrytan/archive/2011/02/18/1957398.html

时间: 2024-10-29 05:00:58

移动Web应用开发现状与未来的相关文章

《Web前端开发最佳实践》——1.2 Web前端开发现状

1.2 Web前端开发现状 前端开发虽然起步时间晚,但是发展势头迅猛,在各种新技术.新标准的推动下,各大互联网公司也开始重视Web产品的前端重构与开发,如淘宝.腾讯.新浪.百度.搜狐等都对自己的网站进行了重构并同时使用了HTML5中的新特性.现在开发的Web新产品的页面交互也越来越丰富,视觉效果也越来越绚丽.互联网公司除了重视前端开发之外,还在积极推动互联网技术的发展,2001-2012年,腾讯.百度及奇虎360公司先后加入了万维网联盟(W3C),共同参与互联网技术标准的研究和制定,促进了国内互

《Web前端开发最佳实践》——导读

前 言 Web前端开发入门难度并不高,但是初学者如果没有一个很好的学习和编码习惯,则开发水平的提高速度会变得很慢.下面几点是影响Web前端开发者技术提高的主要因素. 其一是开发者缺乏良好的实践指导.Web前端兴起的时间不长,很多大学都还没有来得及开一门专门讲解Web前端的课程,因此,大部分的Web前端开发者都是通过自学的方式来了解Web前端相关的技术.开发者学习前端技术的渠道很多,其中很大一部分是通过查找网络资源的方式,而网络上充斥着大量的错误或者过时的实践方法,这些实践方法很容易误导初学者,使

《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.8  Web组件:标记的未来?

2.8 Web组件:标记的未来? 在目前被大家称为Web组件(Web Component)的建议中,扩展HTML有了一个令人兴奋的新方法.Web组件是一组技术的总称,它们使用CSS和标记,旨在促使为Web应用程序创建丰富界面变得简单易行. 眼下,规范还处于起草阶段,会有很多的更改.所以在这里,我们就不谈论它了,第11章将会更详细地介绍Web组件.

关于中国闪客现状与未来的思考及粗线论述

其实闪客这个职业还应该归属于广告大行业,虽然它从技术上与广告有些不同,但并没有本质上的差别,就好象市场经济中的商品需要包装一样,网络同样需要包装,包装网络也会使网络更加的深入人心,更加的吸引人,从而使更多的人应用网络利用网络,所以说闪客的存在是有其需要也有其必要的.而讨论闪客的现状及未来,有利于闪客今后的发展,也有利于网络的发展.从而我们可以引申无限大的重要性,但仅从目前看来,闪客在国内从开始发展到现在也只有三年多时间,可以说闪客还处于他的幼稚期,也是最重要的时期,努力寻找闪客发展的正确路线,不

《图解CSS3:核心技术与案例实战》——1.4节CSS3的现状及未来

1.4 CSS3的现状及未来了解到使用CSS3会带来很多好处,哪些网站在使用CSS3?这很容易,打开计算机随处可见.既然这样,就一起来看几个网站吧.1.4.1 谁在使用CSS3首先看看新浪微博,其中最明显的是圆角的应用,在发表评论的地方还使用了内阴影属性,如图1-8所示.Google的UI也使用了大量CSS3特性,看主版面的Button效果,这个按钮使用了CSS3的阴影.圆角和渐变三种属性,如图1-9所示. 接下来介绍的Twitter网站(http://twitter.com)可以说把CSS3运

图解css3:核心技术与案例实战. 1.4 CSS3的现状及未来

1.4 CSS3的现状及未来 了解到使用CSS3会带来很多好处,哪些网站在使用CSS3?这很容易,打开计算机随处可见.既然这样,就一起来看几个网站吧. 1.4.1 谁在使用CSS3 首先看看新浪微博,其中最明显的是圆角的应用,在发表评论的地方还使用了内阴影属性,如图1-8所示. Google的UI也使用了大量CSS3特性,看主版面的Button效果,这个按钮使用了CSS3的阴影.圆角和渐变三种属性,如图1-9所示. 接下来介绍的Twitter网站(http://twitter.com)可以说把C

图解css7:核心技术与案例实战. 1.4 CSS3的现状及未来

1.4 CSS3的现状及未来 了解到使用CSS3会带来很多好处,哪些网站在使用CSS3?这很容易,打开计算机随处可见.既然这样,就一起来看几个网站吧. 1.4.1 谁在使用CSS3 首先看看新浪微博,其中最明显的是圆角的应用,在发表评论的地方还使用了内阴影属性,如图1-8所示. Google的UI也使用了大量CSS3特性,看主版面的Button效果,这个按钮使用了CSS3的阴影.圆角和渐变三种属性,如图1-9所示. 接下来介绍的Twitter网站(http://twitter.com)可以说把C

WEB站点开发的三部曲

web|站点 1 引言 1.1 从Internet说起 可以毫不夸张地说Internet的出现和迅速发展已经改变并将继续深刻改变我们的生活.我们生活的世界以及其他一切的一切.如今越来越多的计算机加入这个网络,时至今日谁亦无法准确地知道连接在Internet上的计算机到底有多少.而Internet成功的原因就在于它将全世界丰富多采的信息"无缝"集成并最大限度地实现了与用户交互.用户通过Internet,仿佛整个世界就在自己的计算机中:既可以查找和浏览感兴趣的任何信息,也可以把自己推向In

Web APP开发案例:旅程计划应用(Wayfindit: Trip Planner App)

文章描述:Google Web App开发指南第三章:案例研究. 旅程计划应用(Wayfindit: Trip Planner App) 在大多数情况下,Wayfindit的应用必须有很好的易用性.旅行是一件很复杂的事情,不管是商业旅行还是休假旅行,一个顺利的旅程要求从家门到目的都没有意外之忧.Wayfindit的应用要能给旅行者提供所需信息,并且要快而准确.这意味着它需要一个最小的.直观的.响应式界面,能在前端提供有关内容的重要信息--HTML5的地理感知和离线存储特性实现. 一个完美的袖珍指