HTML5与Web App

UC技术总裁梁捷

最近一两年, HTML5 和 Web App 的概念相当火热,吸引了很多人或多或少的关注。从狭义上讲, HTML5 是超文本标记语言( HTML )协议的一个升级版本。这个升级版本包含了一些新的元素,包括 Web Workers 、 Web Storage 、 Web Sockets API 、 Server-Sent Events 等。现在这个协议是由一个标准化组织——万维网联盟( W3C )来制定与普及的。从广义上讲, HTML5 是 Web App 相关技术的总称,包括 HTML5 、 DOM API 、 CSS3 、面向  Web App 的页面设计模式(如 SPA )等(注: http://platform.html5.org/ )。所有这些工作都是围绕着对浏览器的扩展。因此,从广义上来讲,大家把 HTML5 的含义进一步地泛化,现在涵盖到了 Web App 的范畴上来。 但说实话,当前 HTML5 太热了。人们在谈起它时,更多是在阐述一种概念,这有点像当年的  Web 2.0 。 Web App的核心优势 从现在来看,应用一般有三种:原生应用、混合应用和 Web 应用,如图 1 所示。 [caption id="attachment_12345" align="aligncenter" width="428" caption="图1 应用的三种类型"]

[/caption] 相对于其他两种应用,

Web App 的核心优势有两点:一是开发模式的再次进化(对复杂性的封装),二是具有卓越的互联互通特性。 从开发模式来说, Web App 的出现像是历史的再次重演。之前是从汇编到 C 语言,因为 C 语言相对高级一些,所以开发者真正需要做的事情就简单了很多。现在我们进一步从 Java 到 HTML ,也是把一些复杂的东西封装起来了。我们做应用不需要写边框、画界线,只需要用一个模板就能够起到界面显示的作用。 Web App 的另一个很大的优势是有非常卓越的互联互通特性。最近两三年,网页游戏在游戏界非常流行,它就是依赖了 Web 形态应用的互联互通特性。很多流量能够很方便地导入这样的一个网页中,同时它也能够在页面内给其他应用导流量。这样卓越的互联互通性对产品的推广和营销都有很大的帮助。因此,在过去两三年里网页游戏得到了非常快速的成长。 现在很多开发者都感觉到,原来必须要用客户端技术去做的效果或者功能现在基本都可以通过 Web App 的相关技术实现了,通过这些简单的语言和配合,就能做到很酷炫的效果。例如 UC 应用中心里收录的豆瓣电台、 3D 游等一系列优质 Web App 。 标准的普及 一般来讲, W3C 制定 HTML5 标准的过程是这样的:在经过大约五个步骤之后才能将标准正式对外发布( Recommendation ),如图 2 所示。而 2011 年, HTML5 标准刚刚走到了第二个流程,依旧处于工作草案状态。所以有人预言 HTML5 的普及还需要 10 年。但事实上,所有浏览器厂商都看准了这个趋势,在大笔投入。大家都已经在路上,唯恐落后。 [caption id="attachment_12339" align="aligncenter" width="410" caption="图2 W3C制定HTML5标准的过程"]

[/caption]   作为首家加入

W3C 的中国互联网企业, UC 非常认同 HTML5 的发展前景,也会积极推动这个标准的普及与发展。 首先我们关注 HTML5 的兼容性,因为我们发现很多开发者都把一多半的精力放在兼容性方面。兼容性首先要对标准全面支持。刚刚发布的 Android 平台 UC8.5 在兼容性方面做了很大提升,兼容性测试跑分为 410+7 ,达到世界第一的水平。当然兼容性的解决也需要过程,最早推出 U3 内核时我们的跑分只有 100 多分。后来我们研发团队在这方面保持了长期专注投入之后才取得了这样的提升结果。 与兼容性同等重要的就是扩展性了,包括手机上各种设备能力的外拓。其实现在业界还没有统一的标准,所以 UC 就在推广这些标准的落地和实行。我们可以看到刚才分裂的状况,苹果不会去关心 Android ,而 Google 也不会去关注中国的一些山寨厂商。所以我们会站在中国手机用户的角度,去把刚才看到的那些和好处切切实实地落地。我们希望能够多做一些务实的事情。 同时我们也基于自身的业务需求,利用 HTML5 来提高展现能力。例如在 UC 资讯中心改版中,我们采用单页面应用设计思路,利用我们自己设计的 ELF 模块化加载器,前端搭载 Zepto ,使用基于事件驱动的 MVC 框架完成了项目展示。新版的 UC 资讯中心也使用了 HTML5 标准中的 Web Storage 和 Application Cache 。 此外我们还在 2011 年 9 月发布了国内最早的移动 Web App 应用中心—— UC 应用中心,希望能给优质 HTML5 应用提供一个很好的展现平台,也让更多的用户可以接触到这些优秀的 Web App 。目前 UC 应用中心已经收录了超过 300 款应用,月活跃用户过千万,应用添加次数超过 5000 万次。 [caption id="attachment_12340" align="aligncenter" width="326" caption="图3 UC应用中心"]

[/caption]  

Web App的发展趋势 HTML5 的蓬勃发展跟移动互联网的发展是密不可分的。过去几年,无线上网的设备数量都在翻番,但终端、操作系统等平台的差异非常大,开发模式、开发语言等都也有不小差异。 HTML5 的出现会是移动互联网的一把万能钥匙。因此, Web App 很可能首先在移动平台取得较好的发展。 从技术角度看,以下三个特点会是 Web App 未来发展的三个主要趋势。

  • 网页应用化
  • 支持离线使用
  • 支持调用手机硬件接口

网页应用化和支持离线使用会让 Web App 的能力得到进一步的拓展。还有就是支持调用手机硬件接口,例如照相接口,除了对焦、光圈、快门之外,还包括白平衡、调色等。如果 WebApp 可以支持的东西全都弄出来之后, Web 开发者会觉得很幸福,因为可以用非常简单的方式做出非常专业的应用。 未来,基于 HTML5 的 Web App 将成为手机上的主流应用形态。我们希望 UC 可以帮助 Web App 的相关标准的应用和普及。我们也会致力于将 UC 打造成对 Web App 支持最完善的一体化服务平台。 作者梁捷,UC(优视科技)技术总裁。1998年毕业于华南理工大学计算机专业,耕耘于中国的电信和互联网市场,在电信及网络计算领域拥有超过10年的技术研发和管理经验。 本文选自《程序员》杂志2012年07期,未经允许不得转载。如需转载请联系 market@csdn.net 《程序员》2012年杂志订阅送好礼活动火热进行中

Web App的未来相关推荐

  1. Web App和Native App 谁将是未来

    未来是Web App的天下,还是Native App的天下?作为设计师,我们是应该努力把客户端的体验提升到最优,还是在网页应用层面上做更多的设计?这个一直是大家关心的话题.那么,我们首先应该立体的认识 ...

  2. Web App:赌的就是互联网未来并 非无可挑剔

    国内外不乏经典 对于移动互联网行业来说,HTML5带来了全新概念Web App.开发者将App集成到浏览器,用户仅需通过网络直接访问App. Web App在国外发展不乏经典.微软.谷歌.脸谱等互联网 ...

  3. 你的首个 Progressive Web App

    Progressive Web Apps 是结合了 web 和 原生应用中最好功能的一种体验.对于首次访问的用户它是非常有利的, 用户可以直接在浏览器中进行访问,不需要安装应用.随着时间的推移当用户渐 ...

  4. 下一代 Web 应用模型 —— Progressive Web App (PWA)

    今年 9 月份的时候,<程序员>杂志社就邀请我写一篇关于 PWA 的文章.后来花式拖稿,拖过了 10 月的 QCon,11 月的 GDG DevFest,终于在 12 月把这篇长文熬了出来 ...

  5. 原生APP与移动Web App的比较

    中国手机网民已超4.5亿,智能机用户超过3.8亿,中国移动互联网市场产值已超过712.5亿元,手机营销是未来必然趋势,而App恰恰是这个趋势下的一个强有力的营销工具: App已有两个主要的方向:原生A ...

  6. PWA(Progressive Web App)入门系列:(三)PWA关键技术Manifest

    前言 前面说过,让Web App能够达到Native App外观体验的主要实现技术就是PWA中的manifest技术,本章会详细说明manifest的实现,及各个参数的具体含义,还将了解如何定义Web ...

  7. 《PWA实战:面向下一代的Progressive Web APP》读书笔记

    前言 之前自己根据网上的教程学习写了几个PWA的小Demo,觉得PWA很有意思,想要更多的了解一下PWA,所以读了这本书.这本书是MANNIN出版社出的,所以书里的代码都有非常棒的注释,因此这篇笔记不 ...

  8. 【译】渐进式 Web App 的离线存储

    拖拖拉拉好久,终于把个人博客整出来了.鸣谢 @pinggod. 厚着脸安利一下,地址是 http://www.wemlion.com/.欢迎访问,欢迎收藏. 本文转载自:众成翻译 译者:文蔺 链接:h ...

  9. 渐进式Web应用程序居然是Web开发的未来

    导言 在不断变化的市场均衡中,随着对更多可扩展和跨平台Web和企业应用程序的需求的增加,Web开发环境发生了迅速的变化.为了帮助企业解决其业务需求,并与客户无缝地使用一系列设备和平台,遗留的Web应用 ...

最新文章

  1. 【源代码】基于Android和蓝牙的单片机温度採集系统
  2. 机器学习基础专题:特征工程
  3. golang指针与c指针的异同
  4. mysql错误用法insert into where
  5. 博客园7月底至8月初51Aspx源码发布详情
  6. Bugku 杂项刷题日常1--21:
  7. 关于sts与eclipse版本对应的插件图
  8. phpyii框架倒叙_YII框架常用技巧总结
  9. 标准报表乱码出现??符号
  10. JS实现轮播图(一看就懂逻辑清晰)
  11. 设置计算机网络文件共享,局域网共享文件设置方法图文教程
  12. 占鳌头。当雪花沁透着
  13. 排名前十的天使投资机构
  14. java三色球问题_C语言三色球问题代码解析
  15. 永浆草莓采摘永安踏春好去处
  16. 一个竞赛蒟蒻,开个Blog玩玩
  17. iapp跳转QQ名片代码
  18. jsp恩施州农业产业链农产品系统
  19. 采购管理系统解决方案:助力企业采购平台数字化转型
  20. 【redis】-redis单线程模型讲解

热门文章

  1. 修改IDEA运行内存,加快运行速度
  2. 靶机渗透练习68-Ripper
  3. 弘辽科技:社交电商时代,实体门店将如何通过社群团购转型升级
  4. mysql 查找相似数据_MySQL学习笔记之索引
  5. 关于魅族note无法连接mac调试(转)
  6. c语言中的16进制坐标计算器,C语言实现简单计算器(VC6.0环境)
  7. xsemaphoretake返回_FreeRTOS 使用指南
  8. Wi-Fi对决蓝牙4.0:一场无硝烟战争
  9. 计算机主机的背部接口,iMac背部接口
  10. 【计算机组成原理】计算机系统概述【第一章】