nativefier(一行代码将任意网页转化为桌面应用)

刚刚在看前端九部的手册的时候,发现一个之前没有用过的骚东西,看上去还挺好用,我这个好奇心瞬间就窜的老高了,赶紧试一试,看看这个东西有没有必要收入我的胯下

结果实验完了之后,

必须必须要强行安利给你们

这个骚东西就是nativefier

一个能用一行代码将任意网页转化为桌面应用!!!

很舒服的知道啵!!!

打包速度很快!!!

使用非常简便!!!

还在一次一次的搜索常用的网站?还在一次次的从搜索历史中找常用的网站?没网的时候看网站凉凉?热一热吧各位看官,不如来试试nativefier,没网也能看(视频网站没试过,应该是不行的)

把常用的网站转化成桌面应用,这样就不用每次都去找对应网站了,而且我试过了,他可以在没有网的情况下使用,but需要加载的图片和超链接在没有网的情况下是加载不出来的,不过总体来说是挺好用的,我把常用的各个框架的官网都搞成了桌面应用,这样以后在没网的情况下也能看看文档,舒舒服服

使用

  全局安装nativefier:

npm install nativefier -g
// 使用npm的前提是装好node环境啊,没node环境的看官别上来就npm,能起作用我直播吃键盘

   愉快使用:

 nativefier devdocs.io
// 想要为APP取名的话可以添加参数 --name "Some Awesome App"
// 如: nativefier --name "Devdocs" devdocs.io
// devdocs.io为网站地址



看官们可以尝试一下试一试,包舒服好吧,不舒服的话自己解决好吧,我可没钱带你们大保健舒服一下

转载于:https://www.cnblogs.com/suihang/p/10524757.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网页打包成应用程序的具体步骤因操作系统和开发工具而异,下面将分别介绍在 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、付费专栏及课程。

余额充值