打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
HTML是不是只是做网页的?

除了做网页,也可以做桌面GUI开发,下面我介绍一下,如何使用html做桌面开发,主要借助NW.js这个工具(NW.js是Intel开发的一个基于node.js和chromium的程序运行环境),可以快速的打包html程序,实验环境win7,主要内容如下:

为了方便演示,这里新建了一个app.html网页,主要代码如下,很简单,就一行文本内容,下面的内容都以这个网页为例:

用浏览器打开这个网页,界面如下:

1.首先,下载NW.js,这个直接在官网下载就行,地址https://nwjs.io/,如下:

2.下载完成后,解压这个zip文件到一个新目录中,解压后内容如下:

3.在当前目录下新建一个hello目录,将app.html复制到这个目录中,同时新建一个package.json文件,内容如下,主要指明应用入口文件和应用名称:

此时hello目录下内容如下:

4.将app.html和package.json文件压缩成hello.zip,同时重命名为hello.nw,这里主要修改一下后缀名就行,如下:

5.将hello.nw文件复制到NW.js解压目录下边,打开cmd窗口,进入NW.js解压目录,输入命令“copy /b nw.exe+hello.nw hello.exe”,将hello.nw和nw.exe打包成hello.exe文件:

此时在当前目录下边就会生成一个hello.exe文件,双击这个hello.exe文件,程序就可以正常运行,如下:

6.此时,程序如果移到其他地方还不能正常执行,需要进行打包,这里需要下载Enigma Virtual Box这个软件(主要用于打包程序),地址http://enigmaprotector.com/en/downloads.html,如下:

7.接着就是打包程序、进行发布,在NW.js解压目录下边,除了hello.exe文件外,其他文件都放到Virtual Box里面进行压缩打包,如下:

8.打包成功后,会在当前目录下边生成一个hello_boxed.exe文件,这个就是打包后可以发布的程序,如下:

复制这个文件到任意一个位置,双击都可正常运行:

至此,我们就完成了利用html来开发桌面GUI程序,就整个过程来看,步骤有些多,但其实挺简单的,网上也有相关资料和教程,可以学习搜一下,希望以上分享的内容能对你有所帮助吧。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
node
轻量级桌面应用开发的捷径:nw.js
微信小程序
关于Node.js的本地应用打包工具node-webkit
NW.js 构建桌面应用
使用node
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服