1. 首页
  2. 资讯

html网页模板

html只能写网页吗?也可以开发移动和桌面app,下面我介绍一种简单的利用html来开发桌面应用的方法,使用Hex,Hex使用HTML5和Node.js构建桌面应用解决方案,可以快速构建跨平台的桌面

html只能写网页吗?

也可以开发移动和桌面app,下面我介绍一种简单的利用html来开发桌面应用的方法,使用Hex,Hex使用HTML5和Node.js构建桌面应用解决方案,可以快速构建跨平台的桌面应用,实验环境win7,软件nodepad++,主要步骤如下:

1.下载安装Hex,这个直接到官网上下载就行http://hex.youdao.com/zh-cn/downloads/index.html,直接点击下载,一个zip压缩包,如下:

2.解压后的文件如下,一大堆配置文件和dll,不用管这些:

3.为了方便测试,我这里在安装目录下边新建了一个www目录,里面新建一个test.html文件,其内容如下,很简单,就是打印出输入信息:

3.在安装目录下边,找到manifest.json,将这个文件的的修改如下,主要是配置一下加载文件的路径,如下:

5.双击运行hexclient,程序运行截图如下,不过样子看着不咋的,就简单测试一下,勉强看看:

至此,一个简单的利用Hex来开发桌面应用的例子就介绍完毕。也可以利用electron来开发桌面应用,整个过程也不是很难,网上也有许多相关的教程,我这里就不详细介绍了,感兴趣的可以搜搜。至于开发移动应用,可以使用hbuilder,开发、打包发布也挺快的,希望以上分享的内容能对有所帮助吧。

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程序,就整个过程来看,步骤有些多,但其实挺简单的,网上也有相关资料和教程,可以学习搜一下,希望以上分享的内容能对你有所帮助吧。

HTML是不是用来开发网页的?

html也是语言,是最简单的一种语言。

html + css 组合,才能制作出漂亮合格的网页。

如果你高兴,不想学js,就只用html+css制作网页也可以!你高兴

本文来自投稿,不代表本站立场,如若转载,请注明出处。