HTML是不是只是做网页的?
2023-04-03 · 百度认证:重庆猪八戒网络有限公司官方账号
除了做网页,也可以做桌面GUI开发,下面我介绍一下,如何使用html做桌面开发,主要借助NW.js这个工具(NW.js是Intel开发的一个基于node.js和chromium的程序运行环境),可以快速的打包html程序,实验环境win7,主要内容如下:
为了方便演示,这里新建了一个app.html网页,主要代码如下,很简单,就一行文本内容,下面的内容都以这个网页为例:
用浏览器打开这个网页,界面如下:
1.首先,下载NW.js,这个直接在官网下载就行,地址复制到这个目录中,同时新建一个package.json文件,内容如下,主要指明应用入口文件和应用名称:
此时hello目录下内容如下:
4.将app.html和package.json文件压缩成hello.zip,同时重命名为hello.nw,这里主要修改一下后缀名就行,如下:
5.将hello.nw文件复制到NW.js解压目录下边,打开cmd窗口,进入NW.js解压目录,输入命令“copy/bnw.exe+hello.nwhello.exe”,将hello.nw和nw.exe打包成hello.exe文件:
此时在当前目录下边就会生成一个hello.exe文件,双击这个hello.exe文件,程序就可以正常运行,如下:
6.此时,程序如果移到其他地方还不能正常执行,需要进行打包,这里需要下载EnigmaVirtualBox这个软件(主要用于打包程序),地址en/downloads.html,如下:
7.接着就是打包程序、进行发布,在NW.js解压目录下边,除了hello.exe文件外,其他文件都放到VirtualBox里面进行压缩打包,如下:
8.打包成功后,会在当前目录下边生成一个hello_boxed.exe文件,这个就是打包后可以发布的程序,如下:
复制这个文件到任意一个位置,双击都可正常运行:
至此,我们就完成了利用html来开发桌面GUI程序,就整个过程来看,步骤有些多,但其实挺简单的,网上也有相关资料和教程,可以学习搜一下,希望以上分享的内容能对你有所帮助吧。