让 Web 之美在开发者手中绽放

  • InfoQ 中文站

2013 年 1 月 24 日

话题:HTML5语言 & 开发架构

导言:近些年来,整个网络与移动技术产业中一直不乏这样的声音:HTML5 是未来的技术发展方向,是移动应用的必然发展趋势。单在理论上看,确实如此。借助 HTML5 技术,如今的 Web 页面能够实现许多在从前来看极为复杂,甚至不可思议的功能,例如直接在网页上绘制复杂动画、模拟本地应用中的菜单和工具栏、支持用户拖放操作、动态写入浏览器缓存、执行多任务、离线状态下存储数据等等。

在执行效率方面,HTML5 页面固然尚无法与原生代码本地应用相提并论,但与长久以来支撑一切网络动画与交互元素的 Adobe Flash 和 Java applet 相比,HTML5 则具有极大的优势:旧技术能够实现的一切功能,HTML5 都能够一一重现,更重要的是 HTML5 在实现各种功能的同时并不需要麻烦用户去专门下载额外的播放器或运行环境,真正做到了无缝的跨平台体验,开发者一次编写即可跨平台设备运行,而且能尽可能保证用户在各种设备上得到的体验相同。

作为 HTML5 技术的先行者与推广者之一,微软正在努力让新一代 Web 技术成为全球网络用户们每日浏览体验的新驱动力。但仅仅通过浏览器产品的版本更迭,来强化对 HTML5 的支持显然远远不够。中国有句俗话叫“筑巢引凤”,平台做得好固然重要,如何吸引和引导开发者更加不可或缺。作为从底层操作系统,到上层应用程序无所不包的生态系统提供商,微软自然深谙这个道理。刚刚过去的 2012 年是微软的“产品爆发年”,微软公司通过一系列“组合拳”多方面发力,借 Windows 8 与 Windows Phone 8 两款操作系统陆续上市的良机,大力推动 HTML5 在产业中的发展。

Internet Explorer 10(以下简称 IE 10)不仅是微软最新的浏览器,更是 Windows 8 与 Windows Phone 8 操作系统搭载的浏览器,在移动与桌面两个平台上保持了完全相同的内核。与上一版本相比,IE 10 对 HTML5 的支持程度再次增强,渲染引擎和硬件加速也得到了改进。在微软的策略中,这相当于“筑巢”,即为 Web 应用在不同平台上的顺利运行和同一体验打好了基础。

而围绕 IE 10,微软也进行了一系列“引凤”活动,最关键的一步棋便是全面改造了 Beauty of the Web(www.beautyoftheweb.cn)主题网站。Beauty of the Web 最初与 IE 9 同期面世,主要目的是为全新打造的 IE 浏览器提供标杆展示平台。网站的主题是“Web 之美”,意指 IE 9 以网页为核心的界面设计,以及 HTML5 给 Web 带来的新生魅力。在 IE 10 的时代,该网站的内容被彻底重建,承载起更复杂的功能和更重要的意义:

· 展览与展示:新版 Beauty of the Web 网站以简约的 Modern 风格,简明扼要地概括了 IE 10 跨平台、支持多点触摸、硬件加速、安全保护等与用户直接相关的特性。

· 样板工程:微软与一系列著名厂商合作,推出了以 HTML5 为基础的新一代 Web 应用,用出色的视觉效果、流畅的动画、复杂的用户互动向用户和开发者们证明了 Web 平台完全可以提供与本地应用相近的体验。这其中包括完整复制本地应用体验的游戏(Cut the Rope、Contre Jour、Atari Arcade)、集成社交网络的杂志式网上购物站点(Glimpse),以及全新改版特别适合触摸屏设备的新闻门户站(cnBeta)。Beauty of the Web 对上述网站进行了逐一图文介绍,并提供了访问入口。

· 大家帮助大家:Cut the Rope、Contre Jour 和 Atari Arcade 三个网站中均附上了非常详细的“幕后故事”,与来访的 Web 开发者分享心得。例如 Contre Jour 的开发团队就知无不言、言无不尽,对从 Objevtive-C 到 Javascript 的跨语言移植、游戏场景的物理原理、多点触控实现代码等各个方面进行了详细阐述,甚至干脆还为大家提供了一套初学者用的游戏开发框架,供免费下载。

· 官方技术支持:除了促进开发者们互相帮助,微软自己的技术文档也不含糊。为了帮助开发者尽快适应 IE 10 这个开发平台,Beauty of the Web 上专门提供了一套极为详细的免费指南,包括 HTML5 与 CSS3 标准兼容、Point 触摸事件、用 HTML5 取代 ActiveX 插件、为 IE 10 优化 Flash 内容、应用调试、兼容低版本浏览器等角度提供非常到位的讲解和帮助,并搭配微软知识库的深度文章以及示例代码下载。

· 官方非技术支持:Beauty of the Web 主题站点想人民之所想。技术人员负责的不仅是开发,更是为上层领导的决策提供技术支持。当企业网站已经陈旧过时、需要使用 HTML5 技术进行彻底更新,应该怎样说服老板批准项目?微软在官方支持白皮书中专门开辟了这样一章,从关键信息到沟通技巧,深入浅出指导您如何晓之以理、动之以情。

(上图为 Beauty of the Web 主题网站页面)

如果您是 Web 开发者,并且对 HTML5 技术持有浓厚的兴趣,那么 Beauty of the Web 主题站将是您最可靠的入门助手。同时,您的兴趣也是 Beauty of the Web 最宝贵的财富,毕竟无论技术如何先进,只有在开发者熟练的双手中才能够转化为产品、让 Web 焕发出全新的美。

HTML5语言 & 开发架构