網(wǎng)友解答: 你說的應(yīng)該是將HTML程序打包為桌面程序吧，這里介紹一種簡單的方式，利用node.js的electron打包，下面我簡單介紹一下實(shí)現(xiàn)過程，主要內(nèi)容如下：這里為了更好的說明問題

你說的應(yīng)該是將HTML程序打包為桌面程序吧，這里介紹一種簡單的方式，利用node.js的electron打包，下面我簡單介紹一下實(shí)現(xiàn)過程，主要內(nèi)容如下：

這里為了更好的說明問題，我新建了一個(gè)index.html文件，主要內(nèi)容如下，就是一個(gè)簡單的按鈕提示功能：

瀏覽器打開后的效果如下：

1.首先，安裝nodejs，這個(gè)直接到官網(wǎng)上下載就行，選擇適合自己平臺(tái)的版本即可，安裝完成后，需要將node、npm這些常見命令（即node安裝目錄）添加到環(huán)境變量中，方便后面使用，如下：

2.接著就是安裝electron和electron-packager這2個(gè)包，打包程序的時(shí)候要使用到這2個(gè)包，至于安裝的話，直接在cmd窗口中輸入命令“npm install electron electron-packager”就行，如下：

3.最后就是打包HTML為桌面程序了，主要步驟如下：

這里為了方便，我新建了一個(gè)package目錄，把剛才的index.html移入到這個(gè)目錄下，同時(shí)下面新建一個(gè)package.json文件和main.js一個(gè)文件，如下：

其中package.json用于指明打包的基本信息，main.js用于配置打包的詳細(xì)信息，其基本內(nèi)容如下：

package.json文件：name為應(yīng)用名稱，version為版本號(hào)，main為打包配置文件。

main.js文件：這里用于配置打包的詳細(xì)信息，可以自行設(shè)置，網(wǎng)上資料很多，可以搜一下，我這里簡單配置了一下：

接著就是運(yùn)行打包命令了，cmd切換到剛才的package目錄，然后運(yùn)行命令“electron-packager . Hello --win --out HelloApp --arch=x64 --electron-version=3.0.10 --overwrite”就會(huì)自動(dòng)打包，這里主要需要指明打包的目錄、應(yīng)用名稱、輸出目錄、應(yīng)用位數(shù)、版本號(hào)等，詳細(xì)參數(shù)可以到網(wǎng)上搜一下，如下：

打包成功后，就能在輸出目錄HelloApp下的Hello-win32-x64目錄中找到剛才打包好的Hello.exe應(yīng)用程序，雙擊就能打開，如下：

至此，我們就完成了將HTML打包為桌面應(yīng)用程序，其實(shí)就是用HTML開發(fā)桌面程序?？偟膩碚f，整個(gè)過程很簡單，就是配置有些麻煩，只要你熟悉一下相關(guān)過程和參數(shù)，多練習(xí)幾遍，很快就能掌握的，當(dāng)然，你也可以利用其它方式來打包HTML程序，像nw.js，cef等，都可以，網(wǎng)上也有相關(guān)教程和資料，感興趣的話，可以搜一下，希望以上分享的內(nèi)容能對你有所幫助吧，也歡迎大家評論、留言。

純 HTML 確實(shí)是寫不出 桌面程序的，但是可以通過第三方工具對 HTML 文件進(jìn)行打包操作，打包完后就是一個(gè)可以運(yùn)行在桌面的應(yīng)用程序了。

ElectronJs

官網(wǎng)：

https://electronjs.org/

如果你可以建一個(gè)網(wǎng)站，你就可以建一個(gè)桌面應(yīng)用程序。 Electron 是一個(gè)使用 JavaScript, HTML 和 CSS 等 Web 技術(shù)創(chuàng)建原生程序的框架，它負(fù)責(zé)比較難搞的部分，你只需把精力放在你的應(yīng)用的核心上即可。

Electron 讓你為你的公司或想法創(chuàng)建桌面端應(yīng)用變得很簡單。最初為 GitHub 的 Atom 編輯器開發(fā)，Electron 已被像微軟、 Facebook、 Slack 和 Docker 這樣的公司用于創(chuàng)建應(yīng)用程序了。

NW.js

官網(wǎng)：

https://nwjs.io/

NW.js（以前稱為node webkit）允許您直接從dom調(diào)用所有node.js模塊，并支持使用所有Web技術(shù)編寫應(yīng)用程序的新方法。

NW.js 是一個(gè)使用 Web 技術(shù)創(chuàng)建本地應(yīng)用的框架，如 HTML、JavaScript 和 CSS。簡單地說，當(dāng)你在使用普通的流程開發(fā)一個(gè) Web 應(yīng)用時(shí)，開發(fā)完成后，運(yùn)行一個(gè)生成器，將所有東西編譯成一個(gè)本地應(yīng)用，它會(huì)像一個(gè)瀏覽器一樣運(yùn)行你的 Web 應(yīng)用。這種應(yīng)用就被稱為“Hybrid 應(yīng)用（一種混合本地編程和 Web 編程技術(shù)的應(yīng)用）”。

并且 NW.js 是國人開發(fā)的工具，比 Electron 還要早發(fā)布，不過目前沒有 Electron 流行，如果是寫基礎(chǔ)小應(yīng)用，二者沒有什么大區(qū)別，可以隨意嘗試，這兩個(gè)都是很不錯(cuò)的框架。

以上就是兩種方便快捷的解決方案，希望能夠幫到你。

關(guān)注我

如果我的回答，幫到了你，歡迎點(diǎn)贊轉(zhuǎn)發(fā)喲，讓跟多的人學(xué)到新知識(shí)。

如果你有什么疑問，也可以在下方評論喲，我會(huì)盡快為你解答。

感謝閱讀