HTML5未来发展的六大趋势
fmms 13年前
<p> HTML 5 从根本上改变了开发商开发 Web 应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台。</p> <p> 在移动领域,大家争论不休的一个问题就是开发 Web 应用还是原生应用?而随着 HTML 5 标准的发展,两者之间的差异已经逐渐变得模糊,今天各大媒体都争相报道与 HTML 5 有关的东西,那么,HTML 5 未来的发展趋势到底是什么?</p> <p> <strong>1) 移动优先</strong></p> <p> 前天,appMobi 获选 ReadWriterWeb2012<a href="/misc/goto?guid=4958317050359544938" target="_blank">最具前途的的公司</a>,作为一家初创公司,这个奖公司首先专注于在移动平台上如何实现 HTML 5 的简单易用和无处不在。</p> <p> 从如今层出不穷的移动应用就知道,在这个智能手机和将平板电脑大爆炸的时代,移动优先已成趋势,不管是开发什么,都以移动为主。</p> <p> 如上文所说,此前一直困扰移动领域的问题就是开发 Web 应用还是原生应用。而如今,我们看见一些大型企业如《金融时报》在冲着 HTM L5 进军移动市场过程中,从 App Store 撤掉 iPad 原生应用而开发 Web 应用,同样表现出色。</p> <p> 许多游戏开发商也将在移动 Web 应用中扮演中重要角色,移动 Web 应用优先的趋势将会持续到移动设备统治信息处理领域。其实用户根本不在乎你用什么工具开发了什么应用,不管是 Web 应用还是原生应用,只要好用就可以了。</p> <p> <strong>2) 游戏开发者领衔“主演”</strong></p> <p> 其实移动游戏开发商是从 HTML5 获益最多的一方,他们可利用这个平台逃脱付费游戏须向苹果支付的 30% 提成。在某种程度上,游戏就是移动平台销量最好的应用,也是吸引人们购买移动设备的一个重要因素。</p> <p> 许多游戏开发商都被 非死book 或者 Zynga 推动着发展,而未来的 <a href="/misc/goto?guid=4958317051175833800" target="_blank">非死book 应用生态系统</a>是基于 HTML5 的,尽管在 HTML 5 平台开发出游戏非常困难,但游戏开发商却都愿意那么做。通过 PhoneGap 及 appmobi 的 <a href="/misc/goto?guid=4958183489926172737" target="_blank">XDK</a> 将 Web 应用游戏打包整合到原生应用中也是一种方式,非死book 差不多就<a href="/misc/goto?guid=4958317052696722740" target="_blank">这么干的</a>——基于 Web 应用及浏览器,但却将之打包整合进原生应用。</p> <p> <strong>3) 响应式设计&自动变化的屏幕尺寸</strong></p> <p> 在 HTML 5 真的改变移动开发平台之前,必须要迈出重要一步,那就是“<a href="/misc/goto?guid=4958317053485316511" target="_blank">响应式设计</a>”,也就是屏幕可以根据内容而自动调整大小。</p> <p> 响应式设计最好的一个例子就是今年上线的 BostonGlobe.com(<a href="/misc/goto?guid=4958317054264411243" target="_blank">观看视频</a>),其屏幕能够根据任何内容而调整尺寸大小,在访问过其开发商 Filament Group 后才了解到,响应式设计也并非易事,一些基本概念设计必须从头开始,比如处理媒体库的 RespondJS,而且处理来自第三方的图片和广告也是恼人的问题。</p> <p> 要想做好响应式设计,就必须洞悉内容与屏幕之间的反馈关系,一家来自硅谷的响应式设计公司 ZURB 称,其实在过去的 16 年中,开发商就意识到响应式设计就要完全离开“流”,转而注重内容是如何在网页和移动设备中被处理的,这一过程还在继续,HTML 5 会让它最终成为可能。</p> <p> <strong>4 )设备访问</strong></p> <p> 消除 Web 应用与原生应用界限的最大障碍就是浏览器访问移动设备基本特性的能力,比如照相机,通讯录,日历,加速器等,利用 HTML5 实现此能力方面,上文中提到的 appMobi 算是行业翘楚,在感恩节后<a href="/misc/goto?guid=4958200637503043019" target="_blank">开源了所有 API</a>。Mozilla 也一直在努力通过移动浏览器 Fennec 来将强设备访问能力。</p> <p> 对许多移动开发商来说,提高设备访问能力是 HTML5 最令人激动的革新,这意味着 Web 应用能够登陆移动设备而无需做任何 PhoneGap 式打包,游戏开发商当然最开心,因为某些特性对他们来说是封锁的,比如能整合到游戏中的加速器。</p> <p> 这就开启了另一个可能的世界,比如能与云更好地整合(这有利于应用内购买,消息推送等)并提高游戏可玩性,有了 HTML5 这个平台,开发商可以不再依赖于 Java 语言,CSS3,HTML 及其它程序语言。</p> <p> <strong>5) 离线缓存</strong></p> <p> 这个概念相当新潮,离线情况下,app 也能照常运作,算是 HTML 5 充满魔力的一面,今年最好的离线缓存例子就是亚马逊 Kindle 的<a href="/misc/goto?guid=4958317055785961284" target="_blank">云阅读器</a>,可以通过 Firefox6 以上版本,Chrome11以上版本,Safari5以上版本及 iOS4 以上版本浏览器将内容同步到所有 Kindle 系列设备,并能记忆用户在 kindle 图书馆的一切。</p> <p> 亚马逊就这么实现了离线使用 Web 应用,许多专家人声称原生应用的末日即将到来,因为 Web 应用的使用变得简单,无摩擦,适用于任何一个平台或者无需平台。</p> <p> 当然 Mozilla 的触角也伸到了这里,实际上,Mozilla 想涉足任何一个 HTML 5 能渗透的领域,从 Mozilla 的<a href="/misc/goto?guid=4958317056572224198" target="_blank">移动蓝图</a>,可以了解更多。</p> <p> <strong>6) 开发工具的成熟</strong></p> <ul> <li>在今年八月份,Brian Fling 曾写过一篇博文叫 HTML5 Web 应用开发剖析,提出了几点建议供从事 HTML 5应用的开发者参考:</li> <li>要耐心,HTML5项目可能比开发其他任何项目好是都要长</li> <li>做好预算,这不像建网站那么简单,可能会耗费你大量资金</li> <li>找对开发者,你要记住,这对许多经验丰富的专家来说都非常难的事,那么你的团队也会觉得困难,所以一定要找对人,找到正确的方向</li> <li>要自食其力,你要知道,开发 HTML 5 项目,许多工具都要自制,不是现成的</li> <li>在技术界,按部就班的教条风格在这里行不通,会花掉许多不必要的资金,在移动领域,没有对与错,只有是否适合,一切以用户体验为重。</li> </ul> <p style="text-align:center;"><a><img style="width:586px;height:403px;" title="Anatomy_HTML5" alt="HTML5未来发展的六大趋势" src="https://simg.open-open.com/show/c4d5974323bdd6590b4d80dabb4f9b22.jpg" /></a></p> <p> 在工具方面,除了 appMobi 提供的工具以外,还有 <a href="/misc/goto?guid=4958317057349493102" target="_blank">Sencha</a> 及 <a href="/misc/goto?guid=4958317058141052723" target="_blank">Appcelerator</a> 提供的框架及 IDE 供应用开发商们使用,虽然这些工具现在算不上成熟,也不如 Android 和 iOS 上的开发商框架及工具那般简单强大,但至少它们在演进,将会变得越来越好用。</p> <p> <strong>总结</strong></p> <p> HTML 5 的其它功能,如表单和新标准还在快速演进,而随着标准化工作的进行,HTML 5 有可能变回 HTML。HTML 5 开发领域的领军人物包括 Sencha,Adobe,Appcelerator,appMobi 及 非死book,亚马逊,Google 三大巨头。</p> <p> 不管你是想开发出新型视频应用的开发商如 Brightcover 还是想开发新型音频应用的开发商如 Soundcloud,不论是桌面应用还是移动应用,HTML 5 都是创新的主旋律。</p> <p> Via <a href="/misc/goto?guid=4958317058922408621" target="_blank">RWW</a></p> <div id="come_from"> 来自: <a id="link_source2" href="/misc/goto?guid=4958317059713437661" target="_blank">www.leiphone.com</a> </div>