HTML 5+CSS3携手实现Mobie App的瓶颈

Android和iPhone都提供了Webview的控件,这个控件本质是一个Webkit阅读器内核,用于解析html、css、js代码。所以,native app可以调用Webview空间来展现我们的Web页面。同时,由于对css3的较好支撑,native那种绮丽的界面就可以用html+css较好的完成进去,到达逼真的native app的成效。

 

PC的晚期阶段,也是保守的C/S形式居多,后退化到B/S形式,并发生了SaaS、云计算等概念和使用。从客户端退化到阅读器最大益处是客户端无需更新,增加了少量的更新本钱,只需效劳器端停止更新。这也是为什么如今盛行WebQQ, google docs, photoshop页版的缘由。如今同时很多软件厂商也在制造他们的Web版本,国际的一些ERP厂商也开端了这条路途。iPhone、Android的宏大胜利揭开了挪动互联的大幕,互联企业都想在挪动互联的的宏大市场中分得一杯羹。游戏、sns、微博、视频、外地生活效劳都在鼎力开展挪动互联,推出了本人的app。

mobie native app指运用手机官方提供的SDK和开拓言语开拓的手机客户端软件,它可以很好的运用手机提供的一些接口来操纵手机的软硬件资源。随着HTML 5和css3的盛行和Webkit对HTML 5和css3的较好支撑,很多人开端运用HTML 5和css3来制造mobie app。如前所述,运用Web方式制造mobie app最大的益处是,客户端无需更新,并且数据显现很多手机用户不是常常更新他的app顺序,同时相关于native app,Web方式修正app的界面的本钱更低一些。所以说,关于对界面的灵敏性有较高恳求的app,比拟倾向于用Web方式完成mobie app。

Android和iPhone都提供了Webview的控件,这个控件本质是一个Webkit阅读器内核,用于解析html、css、js代码。所以,native app可以调用Webview空间来展现我们的Web页面。同时,由于对css3的较好支撑,native那种绮丽的界面就可以用html+css较好的完成进去,到达逼真的native app的成效。

但是,Web完成mobie app有一些瓶颈。以下是我在项目实战中碰到的,假如各位看官有好的处理计划,请不吝赐教。

其一,依据百度挪动互联开展趋向演讲2010Q4,iPhone下下载一个1.407k的页,树立衔接耗时1.35s左右,传输耗时0.15s左右。这样,招致app在树立衔接的时分,屏幕处于白屏形态。也就是说这个app在一秒多的工夫内,完整处于白屏形态,再加上3G、GPRS络的不波动,有时分等候app呼应需求几秒以至1几秒的工夫,这关于速度就是生命的mobie app来说,无疑是个致命的缺陷。

其二,有人说,native app也需求树立tcp衔接,异样需求耗时这么长工夫。很对,那么目前常用的处理计划是什么呢。开机画面+loading图片,有了这两个,顺序不会处于假死形态,用户具有耐烦持续等候。那么,Web app能否也能这样做呢。首先,顺序翻开异样显现开机画面,画面完毕后切换界面(Webview),Webview假如无loading图片仍然是在树立衔接,仍然处于白屏形态。由于我们无法在开机画面的工夫内对顺序停止预加载。然后,运用native方式在Webview里面蒙上一层,下面放上loading图片,但是Webview没有提供Web页面开端渲染的接口,指提供了Web页面load完成的接口。也就是说,假如经过native方式在Webview上放置一个loading图片的话,那么这个图片指能在页面完整加载完消逝,这样也会影响用户体验。这里再提供一种方式,完成这种loading图片的成效:放置一个动态页面在外地,点击翻开动态页面,无需树立衔接。然后经过ajax方式恳求数据来交换页面形式。这种方式,也是Nokia widget的完成方式,但是这种方式的效率比拟低下。

其三,难以完成外地存储。外地存储是HTML 5的一个主要效果之一,但是,基于Android具有多版本零碎。Android低版本中的Webkit对HTML 5和css3支撑的并不好。复杂的两个例子是:input type="number"会招致低版本Android的Webkit间接crash,css3的圆角在低版本的Android Webkit中也会呈现分明裂痕。如今常用的HTML 5向后兼容计划是经过javascript+css+html来模仿HTML 5的一些特性,但过多的js具有于mobie app中会不会得失相当。

团体觉得,挪动互联的开展趋向必定也是从C/S形式向B/S形式改变。但面临的艰难就是,手机真个阅读器更多,对Web规范的支撑也不尽相反,适配各种区分率的手机屏幕也是让人很解体的一件事情。置信当前的挪动互联也将顺应如今的格式:Web方式阅读消息,app方式游戏,工具等。