html做网页后,HTML是不是只是做网页的?

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

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

140412447_1_20180805012603559

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

140412447_2_20180805012603606

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

140412447_3_20180805012603684

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

140412447_4_20180805012603762

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

140412447_5_20180805012603841

此时hello目录下内容如下:

140412447_6_20180805012603872

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

140412447_7_20180805012603919

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

140412447_8_20180805012603966

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

140412447_9_2018080501260412

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

140412447_10_2018080501260475

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

140412447_11_20180805012604137

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

140412447_12_20180805012604309

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

140412447_13_20180805012604372

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值