在這個互聯時代，Web應用已經無處不在，相比桌面應用，Web應用有其自身的許多優勢。但是，在某些應用場景中，通過瀏覽器訪問Web應用程序有時會讓用戶感覺麻煩。比如，用戶總是不小心把瀏覽器關掉，或者總是需要在標簽和應用程序之間切換，這些都可能會破壞生產運行，導致工作混亂。因此，我們需要將網頁轉換為桌面應用程序。

這種方式可以保留Web應用程序的優勢，同時還能夠提供更簡化和直觀的用戶體驗，甚至能夠比瀏覽器端的Web更加輕易地實現Web應用與底層操作系統API交互。將Web應用或者網頁轉為桌面應用能夠在一些場景中給用戶帶來便利，但也存在許多挑戰。

本文推薦8個免費開源的解決方案（其中前4個比較靠譜），使用這些方案可以將網頁轉換為桌面應用程序。

1.Electron

https://github.com/electron/electron-quick-start

Electron.js是一個由GitHub開發和維護的開源框架。它允許使用Web技術開發桌面應用程序：它結合了Chromium渲染引擎和Node.js運行時，允許使用HTML、CSS和JavaScript開發桌面應用程序。

Electron.js有幾個優點。它支持快速開發和原型設計，并擴展了Web應用程序的范圍，因為相同的代碼庫可以同時服務于Web和桌面平臺。它還可以訪問本機OS API，因此Electron應用程序可以像本機應用程序一樣執行，訪問低級系統資源。開發人員可以使用Electron為Web應用或者網站創建桌面應用程序。

另外，如果不需要特殊的功能，只是一個簡單的Web 轉桌面應用，那么可以使用Nativefier。Nativefier 是一個基于Electron的命令行工具，它可以為任何網站創建“桌面應用程序”，將應用程序包裝在適用于Windows，macOS和Linux等系統的操作系統可執行文件中。Electron的缺點包括：

• 易用性差
• 打包后的應用程序太大
• 需要開發技術知識

2.Wails

https://github.com/wailsapp/wails

Wails是一種可以使用Go和Web技術構建桌面應用程序的工具。它將Go代碼和Web前端包裝成一個二進制文件，取代了傳統的內置Web服務器。簡化了項目的創建、編譯和打包等過程。

專為Go后端和NodeJS前端技術而設計，它通過預構建模板簡化了前端的創建，實現JavaScript和Go之間能夠輕松通信，包括從JavaScript調用Go方法和自動生成Typescript定義。

Wails支持本地功能，如：對話框、菜單、暗/亮模式。它在Go和JavaScript之間建立了一個統一的事件系統，確保了應用程序的順暢交互。

使用Wails可以輕松地將任何網站、網頁轉換為桌面應用程序，但這需要編碼技能。

3.Tauri

https://github.com/tauri-apps/tauri

Tauri是一個能夠為所有主要桌面平臺構建微小、快速二進制文件的框架。開發人員可以集成任何可編譯為HTML、JS和CSS的前端框架來構建用戶界面應用。應用程序的后端是一個帶有API的rust-sourced二進制文件，前端可以與之交互。

Tauri應用程序中的用戶界面目前將tao（Tao是一個跨平臺的應用程序窗口創建和事件循環管理庫。）作為macOS、Windows、Linux、Android和iOS上的窗口處理庫。為了呈現您的應用程序，Tauri使用WRY，這是一個為系統webview提供統一接口的庫，利用macOS和iOS上的WKWebView、Windows上的WebView2、Linux上的WebKitGTK和Android上的Android系統webview。

Tauri可以成為Electron.js的替代品，由于其使用Rust開發的引擎，因此相比Electron，其打包的可執行文件更加輕量級。

主要功能特性包括：

• 內置的應用程序編譯器可以創建格式為.app、.dmg、.deb、.rpm、.AppImage的應用程序包，以及Windows安裝程序，如.exe（通過NSIS）和.msi（通過WiX）。
• 內置自我更新器（僅限桌面）
• 支持系統托盤圖標
• 支持本地通知
• 免費
• 用于簡化CI的GitHub操作
• 提供VS Code擴展

支持的操作系統平臺包括：

4.Pake

https://github.com/tw93/Pake

Pake是一個基于Rust語言的工具，可以將網頁轉換為桌面應用程序，支持Mac，Windows和Linux操作系統。相比Electron，Pake的包更輕、更快、更小（小20倍）。它提供了快捷方式、沉浸式窗口和極簡自定義等功能。

5.Nativefier

https://github.com/nativefier/nativefier

NativeFier是一個命令行工具，可以將任何網站輕松地創建為“桌面應用程序”。它底層技術使用Electron，Electron是一個基于Chromium的開發平臺，導出后可執行文件可以用于Windows、macOS和Linux操作系統。

這個項目的創建者，其背后的動機是開發人員在使用Messenger、Whatsapp Web時不得不切換到瀏覽器，并篩選多個打開的標簽時感到繁瑣。使用NativeFier，用戶可以將他們經常訪問的網站轉換為桌面應用程序，從而提供更加直接的訪問方式和更簡化的用戶體驗。

NativeFier的主要功能包括自動檢索應用程序圖標和名稱，注入自定義JS、CSS的能力。

可以通過“npm install -g nativeFier”安裝NativeFier。安裝環境要求：macOS 10.13+ / Windows / Linux，Node.js ≥ 16.9且npm ≥ 7.10。該工具還具有可選的依賴項，如：用于圖標轉換的ImageMagick或GraphicsMagick，以及用于從非Windows平臺構建Windows應用程序的Wine。

NativeFier也可以使用Docker安裝，直接從Docker Hub中pull鏡像。該工具附帶了擴展的安裝選項，如：Snap AUR，但是這些選項不由NativeFier維護人員管理，建議用戶檢查構建腳本以確保安全性。

需要注意的是，NativeFier目前處于停止維護狀態。

6.WebDGap

https://github.com/michaelsboost/WebDGap

WebDGap是一種允許用戶輕松將網站轉換為多平臺桌面應用程序的工具。這是第一個在網絡上發布并在瀏覽器中運行的同類應用程序。

轉換過程包括輸入應用程序的名稱，加載圖標，并將應用程序的源代碼打包到zip文件中。zip文件需要包含一個index.html文件以及相關的CSS和JavaScript文件。

該工具通過整合各種開源項目，以支持其運行。包括用于開發用戶界面的Poly UI Kit、jQuery、用于將zip文件打包為Javascript的JSZip、用于將web應用程序作為桌面應用程序運行的node webkit，以及用于通知對話框的AlertyJS。

WebDGap可在MIT許可證下運行，使用NW.js包裝器，能與64位和32位處理器兼容。

但是WebDGap的桌面版本已被棄用。

我們認為，基于命令行的打包，除非需要用到32位CPU，要不然，WebDGap還不如NativeFier。

7.Web2App

https://github.com/hamza72x/web2app

Web2App是一個可以將任何網頁轉換為輕量級桌面應用程序的工具，打包后的大小僅為3MB左右。支持macOS、Linux和Windows操作系統。對于macOS和Linux，需要首先安裝Rust工具鏈。對于Windows，必須設置Tauri預配置。

可以使用“cargo install web2 app tauri-cli”命令安裝Web2App。它提供了兩種使用模式：帶參數運行、以交互模式運行。交互模式運行方式可以提示用戶輸入應用程序的名稱、URL、描述、版本、作者、標識符、圖標和用戶代理。

Web2App的輸出一般保存在"$HOME/web2app_apps/name"目錄中。

# 安裝
cargo install web2app tauri-cli

# 使用參數模式運行
web2app args -n Notion -u https://www.notion.so -i icon.png

使用交互式：

web2app interactive

# ?? Enter Name (TestApp):
# ?? Enter URL (https://trello.com):
# ?? Enter Description (An example application.):
# ?? Enter Version (0.1.0):
# ?? Enter Author (John Doe):
# ?? Enter Identifier (com.example.testapp):
# ?? Enter Icon (icon_path.png):
# ?? Enter User Agent (Mozilla/5.0):

8.MacGap

https://macgapproject.github.io/MacGap是一個專為HTML/JS/CSS開發人員設計的工具，為他們提供了一個Xcode項目，以幫助開發原生OS X應用程序。這些應用程序在OS X的WebView中運行，并利用WebKit技術，提供了一種有效的方法來創建具有本地功能的基于Web的應用程序。

MacGap的一個關鍵特性是它的JavaScript API，它公開了OS X集成功能。例如，它允許顯示本地通知或將數據寫入文件。此功能對于希望提供更具沉浸式和集成式用戶體驗的Web開發人員特別有用。

此外，MacGap以其極輕和靈活的特性而聞名。使用MacGap創建的空白應用程序大小不到1MB，表明該工具在效率和最小的資源使用方面十分優秀。這使得它成為尋求輕量級但功能強大的工具來創建本機OS X應用程序的開發人員的絕佳選擇。

它也可以用來為網站制作酷炫桌面應用程序，只需點擊一下就可以流暢地運行。