HTML5漫谈(3)–HTML5发展亟需解决的8个问题

标签: HTML5热点关注 | 发表时间:2012-02-03 07:46 | 作者:xielisha
出处:http://www.mhtml5.com

(  程宝平 chengbp @gmail.com)

大家对HTML5期望很高,希望它继承Web应用开发简单、部署升级方便、可以跨平台,又能像本地应用那样功能强大,操作体验简便友好。我也在上篇“HTML5为什么这样红”中颠来倒去地讲HTML5如何的天生丽质、为何倾国倾城。然而,要达到大家的期望值,HTML5需要还需要做不少工作。

看来,天将降大任于HTML5也,少不了苦其心志、劳其筋骨、饿其体肤、空乏其身。。。

下面我们就聊聊HTML5技术相对于业务需求,目前存在的一些不足或者说可能制约HTML5业务发展的一些问题。当然,这些不足或问题,并非不可克服,我也会相应谈谈相关的解决对策,供探讨、参考。

 

1 、浏览器对HTML5 的兼容性参差不齐,导致部分HTML5 应用无法跨平台

HTML5只是一种技术标准。HTML5应用跨平台的最大风险在于各种浏览器(或类浏览器)对HTML5标准的支持情况,或者称之HTML5标准兼容性情况。

目前,桌面电脑、平板电脑、手机、机顶盒等各类终端上浏览器对HTML5的支持情况参差不齐。

看看以下各种终端平台上的浏览器对HTML5的支持情况,会有直观体会:

 

移动终端: http://www.html5test.com/results-mobile.html

平板电脑: http://www.html5test.com/results-tablets.html

桌面电脑: http://www.html5test.com/results.html

 

目前浏览器对HTML5支持情况差异较大的原因主要是因为HTML5技术标准刚出不久,尚未正式发布。目前业界各种浏览器都非常积极支持HTML5标准,从当前的趋势看,过个两三年,大多浏览器对HTML5的支持都会不错。

 

对策:应建立HTML5 兼容性测试体系,并以某种方式强制或有效督促执行。

 

2 、HTML5 应用性能较差,导致应用启动慢,操作反应慢

与本地应用相比,HTML5的应用性能一般相对较差,体现在启动、运行、操作等过程的处理响应速度等。主要是因为HTML5是解释性的脚本语言,通过浏览器内核来解析。因此,HTML5应用性能较差,主要是浏览器引擎的原因。

 

对策:1 )优化应用执行效率,例如V8 JavaScript 引擎比一般JS 引擎效率高,因为它直接把JS 脚本编译成本地机器码再执行,而非传统的执行字节码或直接解析。当然,优化浏览器的渲染等引擎、采用一些脚本、对象缓存技术等也能一定程度提高执行效率。

2 )升级终端配置。用更快的CPU ,更大的内存。呵呵。

 

 

3 、源代码对用户可见,容易被拷贝

HTML5同传统的Web网页一样,代码和图片等资源都是可见的,因此很容易被拷贝。

 

对策:1 )对Javascript 进行代码混淆

2 )将HTML5 应用打包成特定格式,以本地应用形式安装,安装后删去程序包,安装在本地的程序文件隐藏存储。

 

4 、HTML5 应用的可用性,受制于网络状况的稳定性

HTML5的应用稳定性相对要较差些,原因很多,其中网络状况影响很大。

目前,大多的HTML5应用都部署在服务器侧,通过浏览器访问。对于手机,经常出现网络状况不稳定情况,很可能导致程序包下载等情况,非常影响应用的完整性、稳定性、可用性。

 

对策:1 )将HTML5 应用部署在本地

2 )应用访问一次后,缓存应用代码

 

5 、浏览器缺乏对设备能力访问的支持,手机HTML5 应用的发展

 

特别是手机应用,非常需要访问电话、短彩信、电池余量等各种设备能力。我们很高兴看到,W3C成立的DAP(Device APIs and Policy Working Group ),以及WAC( Widget API)都在做相关工作。

 

对策:早晚会支持的,BAE 早就支持了。

 

6. 缺少应用安全体系,影响应用发展和生态环境建立

 

传统的Web网页,通过限制对本地文件访问等方式,来保证对终端的安全性。然而,HTML5能力已接近本地应用能力,强大的能力是把双刃剑。HTML5脚本程序是纯文本,容易发生代码篡改等问题,因而,如何防止代码篡改,防止恶意代码,限制HTML5应用对一些重要数据的访问,保证应用间的相对数据独立性,保证应用作者的可追溯性等一系列问题,是需要考虑解决的。

 

对策:应用签名机制+能力声明及分级控制

 

7.HTML5 应用不能以单一文件形式分发,影响缺少优秀的HTML5 应用开发工具,影响应用的质量和数量

 

目前HTML5应用大多采用网站或者网页形式,部署在服务器上,并未像本地应用一样打成一个单一软件包进行分发。这样就无法直接套用目前的移动应用商店模式,过度依赖服务器、网络稳定性,也影响应用分发的灵活性。W3C Widget或者WAC Widget等把HTML5应用打包成单一文件的形式,这样既方便应用分发,也可以为用户带来本地应用的使用体验。

 

对策:把HTML5 应用代码打包成单一文件,当然了,需要浏览器支持该文件格式。

 

 

8. 缺少优秀的HTML5 应用开发工具,影响应用的质量和数量

 

目前开发Web网页的工具不少,但是专门针对HTML5应用的设计开发工具还很少,这将影响应用的快速丰富。

 

对策:早晚会有的,不急。

 

如果解决一些这些问题,对于HTML5无疑是如虎添翼。[插播广告]:中国移动的BAE/WAC Widget产品(主页: http://labs.chinamobile.com/bae) 除了支持和遵循HTML5标准,

还支持HTML5应用打包,本地安装使用,移动应用签名机制,对设备能力的访问等,解决了以上大多难题问题。无线城市应用、移动办公等基于BAE开发,取得了很好的效果。 J

 

最后提一句,HTML5已远不是原来的HTML5,有越来越多的人在做各种事情,让HTML5更加强大,更加美好,这里列一些和HTML5相关的一些新技术或特性。

 

•    HTML5

•    CSS 3

•    DOM Level 3 Events

•    SVG 1.1

•    WAI-ARIA 1.0

•    MathML 2.0

•    ECMAScript 5

•    2D Context

•    WebGL (3D)

•    Web Storage

•    Web Workers

•    Web Sockets Protocol/API

•    Indexed Database

•    File API

•    Geolocation

•    Device API

•    Server-Sent Events

•    Element Traversal

•    Media Fragments

•    XMLHttpRequest

•    Selectors API

•    CSSOM View Module

•    Cross-Origin Resource Sharing

•    RDFa

•    Microdata

•    WOFF

•    HTTP 1.1 part 1 to part 7

•    TLS 1.2 (updated)

•    IRI (updated)

 

由上可见,大家都对HTML5的信心和热情。当然,离目的地还有一段路要走,让我们一起同行吧!

(中国移动研究院 程宝平 chengbp @gmail.com)

 

转自 中国移动通信

相关 [html5 html5 发展] 推荐:

HTML5视频发展状况

- - HTML5研究小组
注:这篇报告来自 LongTail Video. HTML5已经进入了在线视频市场,这是一件激 动人心的事情,同时也对工业开发者提出了挑战. 随着HTML5规范和各种浏览器的不断改变,LongTail Video花费了大量的时间来弄清楚这一技术的本质,并且在各种浏览器以及设备上测试了播放效果,然后针对HTML5播放效果对产品进行了优化.

HTML5漫谈(3)–HTML5发展亟需解决的8个问题

- - HTML5研究小组
(  程宝平 chengbp @gmail.com). 大家对HTML5期望很高,希望它继承Web应用开发简单、部署升级方便、可以跨平台,又能像本地应用那样功能强大,操作体验简便友好. 我也在上篇“HTML5为什么这样红”中颠来倒去地讲HTML5如何的天生丽质、为何倾国倾城. 然而,要达到大家的期望值,HTML5需要还需要做不少工作.

HTML5未来发展的六大趋势

- 1625 - 互联网的那点事
HTML 5从根本上改变了开发商开发Web应用的方式,从桌面浏览器到移动应用,这种语言和标准都正在影响并将继续影响着各种操作平台. 在移动领域,大家争论不休的一个问题就是开发Web应用还是原生应用. 而随着HTML 5标准的发展,两者之间的差异已经逐渐变得模糊,今天各大媒体都争相报道与HTML 5有关的东西,那么,HTML 5未来的发展趋势到底是什么.

360发布《HTML5状况及发展形势报告》,2013年HTML5或将爆发?

- - 36氪 | 关注互联网创业
近日360发布了《HTML5状况及发展形势报告》,国内市场支持HTML5标准的浏览器已经从2010年的不到2%发展到2012年超过三成的比例,2013年这一比例将有望突破突破70%. 越来越多PC浏览器开始重视并且支持HTML5发展的同时,HTML5也越来越受到移动互联网的重视. 从全球浏览器市场份额来看,Chrome 的用户量步步攀升,至 2012 年 11 月 Chrome 占有量超过 35%,再加上对 HTML5 支持度一贯很好的 Firefox 和 Safari 浏览器,目前对 HTML5 支持度较好的浏览器实际占有量达 66%.

HTML5 logo 发布

- Greyby - 酷壳 - CoolShell.cn
2011年1月19日,W3C发布了HTML5的log,打开W3C的页面,下在的图片印入眼前. 我的第一感觉,就像是看到了小时候看的八一电影制片产的电影. 这分明是号召全世界的无产Web程序员们团结起来,不畏艰难,不怕牺牲,一定要把HTML5的革命事业进行到底. 所以,请各位Web程序员不但在你们的HTML5的网页上加上下面的徽章(关于各个徽章的含义,请参看这里).

html5 canvas入门

- - Marshal's Blog
可以把canvas看做div,不过,它的长和宽不能通过css来定义,要使用标签属性:. 或者javascript对象属性设置:. 使用canvas,只有一种操作方式,使用javascript. 获得canvas对象的上下文对象,该对象是操作canvas的主要对象:. 使用canvas画最简单的线, 点击运行示例,结果看起来是这样:.

HTML5新特性

- - CSDN博客推荐文章
 通过fillStyle和strokeStyle 属性可以轻松的设置矩形的填充和线条. 颜色值使用方法和CSS 一样:十六进制数、rgb()、rgba() 和 hsla. 通过 fillRect可以绘制带填充的矩形. 使用 strokeRect 可以绘制只有边框没有填充的矩形. 如果想清除部分 canvas可以使用clearRect.

【转载】HTML5 Messaging

- - HTML5研究小组
HTML5 的Message API能够让HTML5页面之间传递消息,甚至这些页面可以不在同一样域名下. 为了让消息能从一个页面发送到另一个页面,主动发送消息的页面必须拥有另一个页面的窗口引用. 然后发送 页面针对接受页调用 postMessage() 方法. postMessage() 方法中 origin 参数的值必须与页面所在的iframe的域名相匹配.

HTML5技术将推进在线游戏领域的发展

- - 酷勤网-挖经验 [expanded by feedex.net]
多数技术领域人士都认为,在在线视频和UI领域,HTML5将取代flash. 难以定夺的是,在网络游戏领域,HTML5是否会取代flash技术. 苹果、微软、谷歌和Mozilla——4家大型技术公司如今正积极在各领域推广HTML5技术,其中包括游戏领域. 更重要的是,他们的产品占据97%的浏览器市场.

King.com产品经理谈HTML5技术发展潜力

- - GamerBoom.com 游戏邦
作者:Joe Osborne. 作为一种用于创造网页游戏的新工具,HTML5已经成为了2012年社交游戏领域的一大热词. King.com最近发布于Facebook的《Pyramid Solitaire Saga》便是一款基于HTML5技术的游戏(游戏邦注:但德国社交游戏开发商Wooga则在最近宣布放弃HTML5),该公司产品经理Levina Nilsson在最近媒体采访中解释了King.com看好HTML5技术的原因.