随着 PWA 的发展，越来越多的网站开始提供 PWA 版本，这种版本可以离线使用，可以像桌面应用一样自由地使用。但我们有时候还是会需要一个独立的桌面应用，它与我们的浏览器隔离开来，不受其他标签页的干扰。那么，有没有一种方法可以将网站变成桌面应用的形式呢？我们可以使用 npm 包 @jesses/nativefier。
什么是 Nativefier
@jesses/nativefier 是一个开源的工具，可以将 Web 应用程序转换成桌面应用程序。它会创建一个可执行文件，让你可以像使用独立应用程序一样使用它。它使用 Electron 实现，同时也支持 Windows、macOS 和 Linux。
官方网站: https://github.com/jiahaog/nativefier
安装 Nativefier
首先，安装 Node.js。然后，全局安装 @jesses/nativefier。
npm install -g nativefier
使用 Nativefier
下面，我们以将 Google Keep 变成桌面应用程序为例来介绍如何使用 Nativefier。
我们需要先了解 Google Keep 的 URL。打开 Google Keep，并登录帐户。
在浏览器地址栏上，你会看到类似于这样的 URL：https://keep.google.com/
接下来，在命令行中输入以下命令：
nativefier "https://keep.google.com/"
等待一段时间，Nativefier 将自动下载 Electron 和其他依赖项，并创建一个应用程序。完成后，你会在当前目录下看到一个 Google Keep 的文件夹。进入这个文件夹，你会看到一个可执行文件。
运行可执行文件，你会看到 Google Keep 的界面。这时，你已经成功地将 Google Keep 变成桌面应用程序了。
更多选项
nativefier 允许你传递其他选项，以控制生成的应用程序的行为。
例如，你可以使用以下命令将 Google Keep 的应用程序设置为暗黑模式：
nativefier --name "Google Keep" --background-color "#282D35" --inject "darkMode.css" "https://keep.google.com/"
在这里，我们使用 --name 选项为应用程序指定名称，使用 --background-color 选项设置背景色，使用 --inject 选项将 CSS 添加到应用程序中。
总结
现在，我们已经知道如何使用 @jesses/nativefier 轻松地将 Web 应用程序转换成桌面应用程序。这使得我们可以将任何网站变成一个独立的桌面应用程序，更轻松地管理我们的工作和生活。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a630d092702382251c