前言：

• 學習一下把web頁面打包成運行在桌面的應用, 并支持win / mac / linux 等平臺, 記一下使用過程, 有需要的大(同)佬(學)可以玩玩~

第一步 – 安裝 node.js

• node.js下載地址：http://nodejs.cn/download/

• 下載?Windows 安裝包 (.msi)?和?Windows 二進制文件 (.zip)

• 提示：如果你是Windows系統，就下載?Windows?安裝包，Mac系統就下載?Mac?安裝包(本文以?Windows?系統為例進行安裝)

• 下載這兩個文件，下載后把他們放到桌面，將?Windows 二進制文件 (.zip)?解壓到桌面

• 你的桌面上會有這樣兩個文件

然后雙擊?Windows 安裝包 (.msi) (也就是紅色方框里的第一個圖標)進行安裝

一直點擊?Next?直至安裝完成

第二步 – 安裝 nativefier

• 打開?命令提示符(詳細步驟；開始-所有程序-附件-命令提示符)

• 在命令提示符內輸入：npm install nativefier -g

• 然后回車鍵，等待安裝完成，完成后是這個樣子

然后繼續輸入：nativefier?"https://blog.kosr.cn/"

---

• 提示：記得將nativefier?"https://blog.kosr.cn/"?中的 https://blog.kosr.cn/ 換成你自己的網址，其他的不用修改

• 第一次打包需要下載 Eletron 框架, 很慢, 要有耐心……

• 運行完畢, 會生成一個 100 多 m 的應用, 路徑一般為C:\Users\Administrator\ xxx --win32-x64?如圖

這樣你的專屬軟件就做好了

第三步 – 拓展 – 自定義軟件圖標和名字

• 如果你想的話，可以將第二步中的代碼替換為以下代碼

nativefier --name "app名字" "https://blog.kosr.cn" // 自定義名字 navivefier --name "app圖標路徑" "https://blog.kosr.cn" // 自定義圖標

• 注意: 圖標要用ico格式

第四步 – 結尾說明

• nativefier還提供了很多可選參數, 有需求請閱讀 官方API 文檔

• 軟件完成后的目錄

打開后的樣子:

其實就是一個網頁, 但是相比在瀏覽器里會少了地址欄, 標簽欄等等雜七雜八的東西, 看著舒服一些, 還能 Alt+tab 切窗口, 看起來更舒服是不…

總結

以上是生活随笔為你收集整理的打包mac应用_把网址链接打包成电脑软件的制作方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。