您好,欢迎访问一九零五行业门户网

heX使用web开发桌面应用_html/css_WEB-ITnose

分类:web前端时间: 2015年8月19日
hex项目由有道团队发起,使用html5与node.js构建桌面应用解决方案。hex跟node-webkit 基本是差不多的,提供了一种全新的构建桌面应用的方式,可以使用web技术快速构建跨平台的桌面应用。hex 基于cef并且融合了 chromium 与 node.js,所以我们可以在 web页面中使用各种node.js原生模块及第三方扩展,同时在这些模块及扩展中还可以访问到html中的dom元素。
1. 下载 hex 二进制包
首先选择一个合适的二进制包,对于web前端开发者而言,hex web 开发者发行包肯定是最好的选择。将二进制包解压到本地.
2. 编写 web 前端代码
在 hex 主程序文件所在的目录下创建一个用于写 hello raykaeso程序的测试目录leixuesong,同时在其中新建 html、css、javascript 等文件。如:
index.html
hello raykaeso loading...
leixuesong.css
h1 { font-family: 'trebuchet ms'; font-size: 5em; text-align: center; }
main.js
window.settimeout(function () { document.queryselector('h1').innerhtml = 'hello raykaeso!'; }, 1000);
3. 修改hex manifest.json
修改 first_page 参数,将其修改为$(appdir)leixuesong/index.html,即将应用程序执行入口改为上面编写的web页面。
4. 运行程序
双击 hexclient.exe,窗口显现,一秒钟后,界面上的“loading…”变为“hello raykaeso!”。到这里就结束了,是不是感觉幸福来得太突然。都是我们熟悉的web前端知识点,运用html开发桌面应用。把html打包成exe桌面应用就是这么简单,下面大家就可以享受桌面应用开发的乐趣啦~
其它类似信息

推荐信息