利用Html+js快速构建桌面程序

Html是当前互联网上应用最广泛的语言之一,随着HTML5的出现,Html的变现力也越来越强。

相较于传统的桌面程序,Html基本彻底实现了表现与逻辑的分离,借助简单易懂的css、js能够快速搭建出一个拥有丰富表现的界面。这方面已经有一些开源项目对此进行了实践,如:node-webkit、有道Hex (http://hex.youdao.com/zh-cn/index.html)等,其中有道Hex已经应用到了有道翻译中,算是比较成熟了,文档也相对完善。
但今天要说的是ElfBox,它是是一个与Hex相似的项目,相对于Hex来说,ElfBox更轻量一些,文档也很简单。

ElfBox

为了便于说明,我做了一个简单的例子,通过Ajax获取空气污染数据,并使用HighCharts展示出来。需要注意的是,ElfBox不支持像在普通浏览器中创建Ajax那样创建XMLHttpRequest实例,需要使用ElfBox Api来创建。

2014-12-21_220252

例子代码很简单就不贴出来了。

总的来说,这些项目的目的就是利用html实现桌面表现层的处理,内置的浏览器就是表现层的核心。

但它也有很明显的缺点,由于使用的是IE内核,所以在运行之前要先安装IE浏览器,而且由于使用的是Html编写界面,在不同版本的浏览器下有让人头疼的兼容性问题,但好在可以使用一些兼容各种浏览器的插件来减少代码不兼容带来的问题。