整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

写几个html,怎么打包成本地app或exe?

面我推荐几款工具

HTML App Build

HTML App Build 工具是一款可以将 HTML 网页转换为 EXE 可执行文件的软件。它可以让您使用 HTML、JavaScript 和 CSS 等网页技术开发跨平台的移动应用

使用 HTML App Build 工具的步骤如下:

1. 在您的电脑上安装 HTML App Build 工具

2. 打开 HTML App Build 工具,选择“文件”-> “新建”->“项目”,输入项目名称和保存路径,选择“5+ App”模板。

3. 编写您的 HTML、JavaScript 和 CSS 代码,或者使用 HBuilderX 内置的 HTML5+ API 和 MUI 框架来快速开发移动应用。

4. 在 HTML App Build 工具中选择“运行”-> “运行到手机或模拟器”,查看您的应用在真机或模拟器上的效果。

5. 在 HTML App Build 工具中选择“云打包”-> “打包设置”,设置应用的图标、名称、版本号等信息,然后选择“开始云打包”。

6. 等待云打包完成后,下载应用的 EXE 文件,或者扫描二维码在手机上安装应用。

HEX

HEX 工具是一款可以将 HTML 网页转换为 EXE 或 APP 的软件。它可以让您使用 HTML等网页技术开发桌面或移动应用。


使用 HEX 工具将 HTML 变为 EXE 或 APP 的步骤如下:

1. 在您的电脑上安装 HEX 工具。

2.打开HEX 工具,选择“新建项目”,输入项目名称和保存路径,选择“HTML”模式。

3.编写您的 HTML ,JavaScript 和 CSS 代码,或者使用现有的 HTML 网页文件。

4.在HEX 工具中选择“发布项目”,设置您的应用的图标、名称、版本号等信息,然后选择“生成 EXE”或“生成 APP”。

5.等待生成完成后,您就可以得到您的应用的 EXE 或 APP 文件,可以在电脑或手机上运行。

这是详细的使用过程:HTML杞� EXE锛寃eb椤圭洰鎵撳寘 exe鐨勮В鍐虫柟妗堬紙1锛夛細HEX - 鐭ヤ箮

HTML Compiler

HTML Compiler是一款可以将HTML文件转换为可执行文件的工具。您可以使用它来制作独立的网页应用程序或演示文稿。要使用HTML Compiler工具,您需要按照以下步骤操作:

1. 下载并安装HTML Compiler2021直装版,或者从官网下载最新版本。

2. 打开HTML Compiler,选择“新建项目”或“打开项目”,并选择您要编译的HTML文件或文件夹。

3. 在项目设置中,您可以修改应用程序的名称、图标、版本、版权等信息,以及选择编译选项和输出路径。

4. 点击“编译”按钮,等待编译完成,您就可以在输出路径中找到生成的可执行文件了。

这是关于html compiler直装版的详细教程HTML Compiler2021直装版 附安装教程及特点 - 哔哩哔哩

如果您只是想编辑和运行HTML文件,而不需要编译成可执行文件,您可以使用其他的HTML编辑器,例如VS Code、HBuilderX、Online HTML Editor等。这些编辑器都提供了语法高亮、代码提示、实时预览等功能,可以帮助您快速编写和测试HTML代码。

前有非常多的在线实用工具,例如思维导图、在线转换格式等。部分在线工具还支持离线状态下使用。

如果你觉得一些经常用到的在线工具,每次都要通过浏览器访问网站后使用,比较麻烦的话,可以考虑把它生成本地应用。

目前 Chrome 浏览器就支持把网站生成桌面应用程序,不过有个弊端,那就是想要运行它,必须依赖 Chrome 浏览器。

所以今天锋哥教大家直接把网站生成 EXE 程序,无需会编程代码。这里要用到这个「nativefier」基于 Electron 的工具,只要通过一行代码就能生成 EXE 程序。

nativefier使用

目前「nativefier」支持多个平台,包括有 Windows、Mac、Linux,你可以在这些系统里面把网站生成可执行的程序。

1.使用「nativefier」先要安装 Node.js 程序,可以到 https://nodejs.org/zh-cn 官方网站下载,建议下载长期支持版。

2.由于 Node.js 国外源加载速度很慢,我们可以把它修改成国内的源,建议用淘宝的源地址。

快捷键 Win+Q,搜索系统变量:环境变量 → 新建变量:

  • 变量名:ELECTRON_MIRROR
  • 变量值:http://npm.taobao.org/mirrors/electron/

3.快捷键 Win+X,运行 PowerShell(管理员),输入下面的命令开始安装。

  • npm install -g nativefier

耐心等待一会,一直到出现 Thank you for using core-js.....for polyfilling JavaScript standard library! 就是安装好了。

4.接下来就可以把网站生成程序了,运行 Node.js command prompt 输入命令:nativefier "网址"。这里锋哥把之前制作的装机必备导航作为例子:

  • nativefier "https://x1g.la/win"

最后 nativefier 生成的程序默认会在 C盘,你的用户名,WIN -1 文件夹里面,运行 WIN - 1.exe 就可以了。在程序里面你可以选中文本内容,通过右键来新窗口打开、复制内容等操作。

另外官方也提供了一些参数,例如可以修改图标、修改程序的默认名称。

  • nativefier --name "app名字" "网址"
  • navivefier --name "app图标路径" "网址"

图标支持最大图标、最小图标,参考下面的参数:

--min-width "大小px" --max-width "大小px" --min-height "大小px" --max-height "大小px"

5.将本地网页制作成程序,在生成的命令里面添加指向的 HTML 文件,如下:

  • nativefier --name "Sample" "index.html"

然后打开 \app\nativefier.json 文件,搜索 "targetURL",把 targetURL 指定的地址修改成你的 html 路径即可。

总结

通过「nativefier」你可以简单方便的把一些在线工具打包成本地应用,还是比较不错的。

另外从官方的文档里面看到,似乎还支持嵌入 Flash 插件的支持。因为目前还有一些网站需要依赖 Flash 插件,你可以打包成单独的程序来使用。有兴趣的自己研究看看了。

网站变成exe程序,还能自定义图标

把JShaman网站变成exe程序

概述:本文将演示如何把一个网站转换成一个exe软件程序,以JShaman网站为例,而本方法适合转换任意网站,还能自定义图标。


JShaman是国内知名的JS加密网站,如下图:

转化为软件的运行效果:

<script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

下面,开始一步步演示如何把网站转化成exe程序。

第一步:

在任意位置新建一个文本文件,然后改名为:JShaman.hta。

编辑,输入以下内容:

<html>

<head>

<meta http-equiv="refresh" content="0;url=https://www.jshaman.com">

</head>

<body>

<script language = JavaScript>

window.onload=function(){

window.resizeTo(1800,1200);

}

</script>

</body>

</html>

重点是这一句,一定要写对,是目标网站的网址:

第二步:

这时要使用winrar,把刚刚创建的jshaman.hta添加到压缩文件:

第三步:

把jshaman.hta添加到压缩文件时,进行以下配置:

选中“创建自解压格式压缩文件”:

第四步:

切换到“高级”标签,并点开“自解压选项”:

第五步:

在“自解压选项”的“设置”中,设置“提取后运行”为:jshaman.hta,即刚刚创新建的hta文件。

在“模式”中选择“全部隐藏”的安静模式:

在“更新”中选择覆盖模式为“跳过已存在的文件”:

在“文件和图标”中,设置“从文件加载自解压文件图标”,选择一个ico图标文件:

最后,点击确实,即可生成一个exe文件:

ico图标,可以从网上下载,比如从iconfont下载一个png文件:

再用png2ico转换为ico格式:

如果想放到桌面,在桌面创建它的快捷方式即可:

而且还可以自定义快捷方式名称,连exe后缀也能去掉:

这时,就可以像使用程序一样,双击便可打开,界面看着就是个软件,而功能跟网站一模一样:

本文示范的方法,适用于转换任意网站。如果你有哪些喜欢的网站,快用这种方法把它转变成软件吧!