p2h.cn始于05年,最早由来自腾讯,网易的前开发工程师,曾经为美的,格兰仕,电信,陆虎等企业提供过高品质psd转html解决方案。累计300多个客户至今,超过1000多个项目。

专注前端技术,关注用户体验
  • 2011年12月25日

3g手机版html5网站问世

【P2H观点】:我们已经能够预测到html5在手机上的运用也将会日益普及,现在html5都还是基于pc电脑上的运用,但是手机网站运用html5将会更加体现html5的优势,下面介绍3g.cn在手机网站中html5的运用。

暂时HTML5技术还无法完全实现原生app软件的所有功能,但随着技术的不断发展HTML5会有属于他自己的一片天地。3G门户概念版暂时只支持IOS系统手机,安卓系统在研发中很快就可以和大家见面。

现在的手机网站大 部分还是沿用传统PC网站模式,无法体现出手机的特性,体验也会较差,所以大部分人会选择APP软件浏览资讯。但下载APP、版本更新、流量等成本是用户 需要承受的。随着HTML5的技术发展,手机网站已经可以接近APP软件的体验和功能,而且还有独有的优势。3G门户概念版是国内首个基于HTML5技术 的综合资讯移动Web APP网站,未来移动互联网站的趋势 ,(手机输入app.3g.cn)其特点是:速度快、省流量、体验更佳。下面将分析每个功能点:

一、 预存储

传统网站打开每个页面数据需全部重新加载,速度较慢,耗流量,体验较差。

  Web APP模式预先加载固定架构数据,存储本地第二次打开页面无需重复加载,浏览速度更快、更省流量、体验较好。(www.p2h.cn)

二、 速度更快 更省流量

  我们做了个测试,从上图可以看到各门户网站高端版本首次加载数据的大小,3G门户概念版最小为86K,而且这86K架构数据首次加载后第二次无需重复加载,只需要加载较小的新数据即可。

三、网页的成本 APP的体验

  无需下载安装,即可享受APP软件的体验,支持部分手势操作,手指平滑切换,UI交互,数据异步传输等体验让你无等待感。(例如打开某一篇文章,会先显示标题和导读,然后再加载详细内容,让你浏览过程不会有等待感,传统网页是需要等所有数据加载完毕才显示)

四、个性定制新闻

  用户无需注册就可以根据自己的喜好定制首页新闻推送,在网页上进行新闻订阅等众多曾经只能在客户端才能实现的功能。

五、添加桌面图标

  可以通过iphone自带浏览器safari功能添加桌面图标,这样也可以和app一样方便点击打开无需输入网址。

视频: 3G门户概念版体验演示

http://v.youku.com/v_show/id_XMzI5OTIwOTY0.html


欢迎转载,转载请注明来源:http://www.p2h.cn/3g-mobile-html5-web/

相关链接: