年度回顾:海豚浏览器刘铁锋谈 Web App 热点

  • 贾国清

2012 年 1 月 19 日

话题:HTML5百度语言 & 开发架构

在刚刚结束的第 22 期百度技术沙龙中,来自海豚浏览器的 CTO 刘铁锋(@百纳刘铁锋)来到沙龙现场,分享了过去一年中 Web App 的发展情况,并对移动互联网相关技术趋势和热点做了分析和展望。

1. 对 Web App 的理解

对于一个网页或者网站,其实也是一个 Web App。因为这样的一个利用技术手段实现的应用或页面,可以通过某些特定功能来为用户服务,所以从某种程度上来说,网页也属于 Web App 的一种。我认为,只要是使用 Web 技术开发的,可以运行在 Web 中且在展现效果和用户体验上看,都与 Native App 没有什么分别的应用,都可以看作是 Web App,这是我的理解,这也是 HTML5 和 Web App 所关注的事情。

2. 在 2012 年,Web App 的应用案例会更多、更成熟

在过去一年中,从 Show Case 的角度来看,首先是大家对 Web 的印象的改变。其中最有名的是一款名为Financial Time 的 Web  App。它是第一款手机端上效果非常接近于原生应用体验的一个 Web App,主要基于 Web 技术实现。大家可以在 iPhone 上面搜索一下 FT,这是唯一的一个做得不错的 Show Case。目前来看,酷狗也刚刚发布了一款 HTML5 版本音乐播放器,这也是一个不错的 Web App。从以上两个 Show Case 可以看出。无论是从体验还是技术能力上来看,包括运用 HTML5 技术,从技术能力上来讲,现在已经完全可以使一款 Web App 具备类似于 Native App 的操作体验,我认为在 2012 年,类似的这种 Show Case 会出现的更多而且会变得更加成熟。

3. 支持 Web App 的技术框架发展迅速

从现有技术框架上来看,在过去一年里,有些代表性技术的出现,加速了 Web App 的发展。例如大家比较熟悉的jQuery Mobile,还有一款比较出名的叫做Sencha Touch,它的的 UI 可以帮助我们在 Web 上实现丰富的控件和交互体验。还有就是提供跨平台的支持,比如类似PhoneGap这样的技术。它使得开发者通过 Web 技术开发出的应用,不但可以具备浏览器中的功能和操作体验,而且还具有在移动设备中运行的能力,PhoneGap 就是实现了这么一个功能的框架。利用 PhoneGap 开发出的应用,可以运行在 Windows Phone、Android、iPhone 等多个平台,还可以访问它们的硬件资源,比如操作摄像头,振动这些操作。

4. 对于 Web App 来说,重要的是要挖掘 HTML5 的能力

对于 Web App 来说,最重要的是要去挖掘 HTML5 的能力,HTML5 和 Native App 的不同点在于:首先,通常的 Web 程序在存储方面的功能都比较薄弱,我们知道 HTML5 可以通过 Web  Storage 的方式来扩展存储能力,这就使得 Web 应用可以做到类似于像 Native App 一样,甚至是秒开,即点一下,界面出来后内容也会紧跟着出来,而不是像我们用到的应用,打开后要习惯性得等上一秒钟,先 Load 界面,然后文字慢慢出来,最后才能看到图片。所以,这是存储上的一个增强。

其次,对于网络的处理能力有所提高。大家可以看到,通过 HTML5 中的 Web Socket 是可以去处理一些复杂通讯的。

最后,在 GUI 绘图上的提升。这里主要指的是 Canvas 和 CSS,这是 Web 层面所涉及到的。通过与过去在.Net 上面的GDI+或者 GDI 这样的技术类比就会发现,2011 年 Canvas 上最大的一个案例就是,有家名为AppMobi的公司,将 HTML5 的 Canvas 进行了封装,加上了一些他们自己的东西,称之为Direct Canvas,并宣称:与原生的 Canvas 绘图速度相比,渲染速度提升了三到五倍。前提是要基于特定的 SDK 来开发。另外在存储上,他们在 Modern Web Storage 上也做了改进,影响最大的应该是那些基于 HTML5 的游戏,其实,我们也可将 HTML5 游戏看作是 Web App 的一种,因为这在技术上可行,通过 HTML5 在没有做任何网络连接的情况下,在本地点开一个 Link,或是点击一个图标,都可从本地所有存储读取,完全就是一个本地 HTML5 游戏,所以,也就不需要任何网络连接。

5. 相关的媒体和书籍推荐

在国内,一些不错的技术媒体也对 Web App 进行了探讨和推广,一个是HTML5 研究小组,他们的活动有声有色,并由此把前端工程师这一角色做了进一步的升华。另外一家媒体叫做Web App Trend ,他们主要探讨如何做 Web App 开发,以及在未来应该如何去发展 Web App。以上是在 2011 年中,媒体层面所做的事情。在技术的理论支持方面,我推荐两本非常不错的书,一本叫Mobile First,作者好像是雅虎的一位工程师,书中主要探讨了如何进行移动设备上的交互体验设计,同时还有一些应该遵守的基本原则等,书比较薄,大概一百多页。还有一本叫做Responsive Web Design,主要讲如何通过 Web APP 来做设计和用户体验。

6. 对 Web App 在 2012 的展望

在 2012 年,我觉得最主要的是对 HTML5 标准的支持,大家会看到各种浏览器厂商会继续做的一件事情就是拼分数,通过对 HTML5 支持程度的测试来跑分。但是 HTML5 跑分我觉得还不是影响 Web App 发展的一个关键因素。

第二,基于 HTML5 技术,支持开发 Web App 的框架的出现,在今天早上极客公园创新大会上面就出现了一个国内的 HTML5 Web App 框架Julia,我估计在 2012 年这样的东西会更多。

第三,针对行业和企业的移动解决方案会变得越来越多,比如说我经常举的例子,钢铁厂或者是锅炉厂,其实也有各自的信息系统,把他们内部的企业 CRM、ERP 系统移动到 Web 上面的需求也会增多,因此关于这类方案的探讨会越来越成熟。

第四,更好的跨平台解决方案可能会出现,像前面提到的例子一样,将 Web 开发好的应用放到多个设备上运行,甚至通过简单的命令就可以将应用编译、部署到不同的平台上,是 APK 也好,IDA 文件也好,这是我觉得在 2012 年在 WEB APP 上面的一些发展。

相关报道

年度回顾:开源专家姜太文谈开源硬件

年度回顾:知名博客冯大辉的技术感悟

年度回顾:酷壳陈皓谈搜索和移动互联网

年度回顾:百度乔梁谈持续交付与 DevOps

年度回顾:禅道王春生谈开源软件趋势

HTML5百度语言 & 开发架构