Nativefier 网页变exe桌面程序 使用日志 2024-5-29 18:54

最新推荐文章于 2024-06-04 11:10:18 发布
最新推荐文章于 2024-06-04 11:10:18 发布
阅读量230 收藏
点赞数 3
分类专栏： 前端 从 入门 到放弃 文章标签： windows html5 json python
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43422073/article/details/139303392
版权

Nativefier

                        可以把网页打包成exe桌面程序

                           打包的时候自封装浏览器内核,所以网页打包生成的文件夹比较大

可以通过更改配置文件Nativefier.json 来修改网页

我是个懒人.那个配置代码我不想敲,所以我自己弄了一个小的python转换exe 程序 封包大小28M
然而我实在是太外行了,很多代码得益于Ai帮助,破破烂烂 将就点还是能用 哈哈!

 

梦境虽美，却不长
关注
专栏目录
nativefier 桌面应用 初学到打包，再到放弃
天边逐云
06-14 3002
一些前期准备是需要的：node,npm，单页面 本人使用cnpm，单页面应用 参考： https://github.com/jiahaog/nativefier https://github.com/jiahaog/nativefier/blob/master/docs/api.md#dest https://github.com/jiahaog/nativefier/issues/45 ...
Nativefier:使任何网页成为桌面应用程序-开源
06-15
是否厌倦了在浏览器上搜索众多打开的选项卡才能查看您经常查看的网页？ 使用 Nativefier 让事情变得更简单、更方便！ Nativefier 是一个命令行工具，可以以最少的配置轻松地为任何网站创建桌面应用程序。 它在操作系统可执行文件（.app、.exe 等）中创建了一个基于 Electron（在底层使用 Chromium）的原生包装器，用于 Windows、macOS 和 Linux。 使用 Nativeifier 非常简单。 只需输入：nativefier“网站地址”即可为您选择的网站创建本机桌面应用程序，剩下的工作由 Nativefier 完成。 它将自动检索应用程序图标和名称，您可以覆盖它们。
Nativefier : 将网址打包成exe桌面程序
最新发布
weixin_44565776的博客
06-04 1016
只需一个命令行，Nativefier就能魔法般地将任何网站包装成独立的Windows exe应用程序！是的，你没听错，就像下载安装的软件一样，无需打开浏览器，直接点击图标启动，专属感满满！
通过nativefier将网站转成exe
觉醒法师的专栏
01-07 518
Nativefier是一种命令工具，可以用最少的配置轻松地为任何网站创建桌面应用程序。应用程序由Electron（在后台使用Chromium）包装在OS可执行文件（.app，.exe等）中，以用于Windows, macOS和Linux。 1.Nativefier特性： 自动检索应用程序图标/名称 JavaScript和Css注入 更多内容，请参阅API文档或nativefier --help 2.安装配置： macOS 10.9+ / Windows / Linux Node.js >=
Nativefier——可以把网页打包成exe的工具
caicairich的博客
03-28 443
网站压缩成app
【工具软件】Nativefier：把网页打包成exe软件
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
10-10 727
运行完毕, 会生成一个应用, 路径一般为C:\Users\用户名…第一次打包需要下载 Eletron 框架, 很慢…
使用nativefier将网站快速打包成EXE桌面程序
mixice的博客
02-26 187
使用nativefier将网站快速打包成EXE桌面程序
Nativefier:将任何网页设置为桌面应用程序-开源
05-27
Nativefier是一个命令行工具，可以用最少的配置轻松地为任何网站创建桌面应用程序。 它在OS可执行文件（.app，.exe等）中创建基于Electron（在后台使用Chromium）的本机包装，以用于Windows，macOS和Linux。 使用...
test-rock-nativefier-eb:Nativefier的预包装版本
04-16
标题 "test-rock-nativefier-eb:Nativefier的预包装版本" 提供的信息表明，这是一个基于Nativefier的应用程序，被预打包成一个特定的版本，名为“test-rock-nativefier-eb”。Nativefier是一款强大的JavaScript工具...
nativefier-一分钟将任意网页转化为桌面应用
小蘑菇&浪天涯的博客
01-10 1013
安装nodejs : window版本, 下载配置环境， 配置环境变量NODE_PATH=D:\Program Files\nodejs\node_modulesPATH加入: D:\Program Files\nodejs\ Linux安装: npm install nativefier -g 4.安装Electron: npm install electron-packag...
将在线网站打包为exe程序直接运行
u010804261的博客
12-13 1392
在项目中遇到一个需求，客户希望在电脑上打开他们已经上线的网站不是用浏览器，而是用单独的一个程序。现将解决方案记录如下：本方案采用开源库：nativefier进行打包。当网站背景是mp4视频时，本打包方式也支持浏览。
便携式Delphi编译器在Win 7下的问题
Gao996的博客
12-01 3112
Turbo-Delphi-Portable下载链接 这款软件是一款便携式非常好用的编译器，但是在Win 7环境下会有一个System占用字体的情况，必现操作方法：打开软件，然后关闭软件，再打开就会弹错误。 接下来软件就会停止工作结束进程了。 尝试找到这个文件用其他软件进行解除文件占用，并不好使，显示文件没有被占用。 这里实际上是字体资源被system占用了，对其删除和访问都不好使。这里可以通过重命名的方法来解决这个问题，把这个文件改个名字，就可以正常运行了，为了方便每次启动都不费劲，写.
nativefier打包及配置nativefier
热门推荐
姥姥家的饭
04-29 1万+
用nativefier快速生成安装包 安装node.js（电脑没有安装在百度搜一下node.js去官网下载） 安装nativefier,进入命令行界面，执行命令：npm install nativefier -g安装全局 开始使用 创建一个桌面应用程序： nativefier "https://www.baidu.com" 或者自定义一个应用程序名： nativefier -...
Nativefier把网页打包成exe
Front小思的博客
03-08 1462
今天遇到一个需求，之前的应用都是用的h5挂载在企业微信的小应用，但是现在需要电脑运行的exe安装包！
nativefier 将网页转化为exe
a_tzluy的博客
11-10 877
应用场景： 最近有个需求，有两个环境，一个主环境一个备用环境，如果每次都是访问主环境不行的再去访问备环境，这样使用方的体验感就不是很强。为了解决这个问题特意钻研了一下，可以通过nativefier解决。 环境下载： 1、首先你需要下载node，这是必备条件，没有的话不要往下看了 版本的话尽量高些，不然还没有这个命令 2、安装一下环境 npm i -g nativefier 3、了解一下常用命令 nativefier –name “blog” “https://www.leixuesong.cn/”
将静态网页打包成exe应用程序
weixin_42591344的博客
09-20 2432
在工作中遇到一个方案，需要将静态网页打包成exe应用程序，在网上找了一下发现可以使用nativefier工具进行打包，尝试之后发现可行。
exe打包工具_Nativefier——可以把网页打包成exe的工具
weixin_40002009的博客
11-27 1078
上网冲浪发现一个有、意思的工具, 可以把web页面打包成运行在桌面的应用, 并支持win / mac / linux等平台, 记一下使用过程, 有(xiang)需(mo)要(yu)的大佬可以玩玩~对了, 需要 nodejs 环境支持哦~1. 安装 npm install nativefier -g2. 使用在 nativefier 后加上需要转换的网站地址, 比如: "https://www.zh...
网页转应用？一句命令将网页打包成exe
<font color="Pink">Tisfy的博客</font>
01-02 1563
使用nativefier将线上网站打包成可执行文件 网页转应用？一句命令将网页打包成exe
做好的网页如何打包成应用程序详细步骤
05-12
将网页打包成应用程序的具体步骤因操作系统和开发工具而异，下面将分别介绍在 Windows、MacOS 和 Linux 系统上使用不同的开发工具打包应用程序的方法。 ### 在 Windows 系统上打包应用程序 #### 方法一：使用 Electron 打包 Electron 是一个基于 Node.js 和 Chromium 的框架，可用于开发跨平台的桌面应用程序。使用 Electron 打包网页应用程序的方法如下： 1. 安装 Node.js 和 npm。 2. 使用 npm 安装 Electron：`npm install electron --save-dev`。 3. 在项目根目录下创建一个名为 `main.js` 的 JavaScript 文件，用于启动 Electron 应用程序。在 `main.js` 文件中添加以下代码： ```javascript const { app, BrowserWindow } = require('electron') function createWindow () { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) win.loadFile('index.html') } app.whenReady().then(() => { createWindow() }) ``` 上面的代码中，`win.loadFile('index.html')` 指定了应用程序启动时加载的网页文件。 4. 在项目根目录下创建一个名为 `package.json` 的 JSON 文件，并添加以下内容： ```json { "name": "my-app", "version": "0.1.0", "main": "main.js", "scripts": { "start": "electron ." } } ``` 上面的代码中，`main` 指定了应用程序启动时运行的脚本，`scripts` 中的 `start` 指定了启动应用程序的命令。 5. 使用命令行进入项目根目录，并执行以下命令打包应用程序： ``` npm run make ``` 6. 打包完成后，在项目根目录下的 `out` 目录中可以找到生成的应用程序。 #### 方法二：使用 NW.js 打包 NW.js 是一个基于 Chromium 和 Node.js 的框架，可用于开发跨平台的桌面应用程序。使用 NW.js 打包网页应用程序的方法如下： 1. 下载并安装 NW.js 开发工具。 2. 在项目根目录下创建一个名为 `package.json` 的 JSON 文件，并添加以下内容： ```json { "name": "my-app", "version": "0.1.0", "main": "index.html" } ``` 上面的代码中，`main` 指定了应用程序启动时加载的网页文件。 3. 使用命令行进入项目根目录，并执行以下命令打包应用程序： ``` path/to/nwjs/nw.exe . ``` 上面的命令中，`path/to/nwjs/nw.exe` 是 NW.js 开发工具的可执行文件路径。 4. 打包完成后，在项目根目录下可以找到生成的应用程序。 ### 在 MacOS 系统上打包应用程序 #### 方法一：使用 Electron 打包 使用 Electron 打包网页应用程序的方法与在 Windows 系统上的方法类似，只需在 `package.json` 文件中添加以下内容： ```json "build": { "mac": { "category": "your.app.category.type", "icon": "path/to/your/icon.icns" } } ``` 上面的代码中，`category` 指定了应用程序的类别，`icon` 指定了应用程序的图标。 #### 方法二：使用 Nativefier 打包 Nativefier 是一个基于 Electron 的工具，可用于将任何网站转换为本地的桌面应用程序。使用 Nativefier 打包网页应用程序的方法如下： 1. 安装 Nativefier：`npm install nativefier -g`。 2. 使用以下命令打包应用程序： ``` nativefier --name "My App" "https://myapp.com" ``` 上面的命令中，`--name` 指定了应用程序的名称。 3. 打包完成后，在当前目录下可以找到生成的应用程序。 ### 在 Linux 系统上打包应用程序 #### 使用 Electron 打包 使用 Electron 打包网页应用程序的方法与在 Windows 系统上的方法类似。 在 `package.json` 文件中，可以使用以下配置指定应用程序的类别和图标： ```json "build": { "linux": { "category": "your.app.category.type", "icon": "path/to/your/icon.png" } } ``` 打包完成后，在项目根目录下的 `out` 目录中可以找到生成的应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值