https://m.toutiao.com/is/eDkBuJ8/ 

目前有非常多的在線實(shí)用工具，例如思維導(dǎo)圖、在線轉(zhuǎn)換格式等。部分在線工具還支持離線狀態(tài)下使用。

如果你覺得一些經(jīng)常用到的在線工具，每次都要通過瀏覽器訪問網(wǎng)站后使用，比較麻煩的話，可以考慮把它生成本地應(yīng)用。

目前 Chrome 瀏覽器就支持把網(wǎng)站生成桌面應(yīng)用程序，不過有個弊端，那就是想要運(yùn)行它，必須依賴 Chrome 瀏覽器。

所以今天鋒哥教大家直接把網(wǎng)站生成 EXE 程序，無需會編程代碼。這里要用到這個「nativefier」基于 Electron 的工具，只要通過一行代碼就能生成 EXE 程序。

nativefier使用

目前「nativefier」支持多個平臺，包括有 Windows、Mac、Linux，你可以在這些系統(tǒng)里面把網(wǎng)站生成可執(zhí)行的程序。

1.使用「nativefier」先要安裝 Node.js 程序，可以到 https:///zh-cn 官方網(wǎng)站下載，建議下載長期支持版。

2.由于 Node.js 國外源加載速度很慢，我們可以把它修改成國內(nèi)的源，建議用淘寶的源地址。

快捷鍵 Win+Q，搜索系統(tǒng)變量：環(huán)境變量 → 新建變量：

• 變量名：ELECTRON_MIRROR
• 變量值：http://npm./mirrors/electron/

3.快捷鍵 Win+X，運(yùn)行 PowerShell(管理員)，輸入下面的命令開始安裝。

• npm install -g nativefier

耐心等待一會，一直到出現(xiàn) Thank you for using core-js.....for polyfilling JavaScript standard library! 就是安裝好了。

4.接下來就可以把網(wǎng)站生成程序了，運(yùn)行 Node.js command prompt 輸入命令：nativefier '網(wǎng)址'。這里鋒哥把之前制作的裝機(jī)必備導(dǎo)航作為例子：

• nativefier 'https:///win'

最后 nativefier 生成的程序默認(rèn)會在 C盤，你的用戶名，WIN -1 文件夾里面，運(yùn)行 WIN - 1.exe 就可以了。在程序里面你可以選中文本內(nèi)容，通過右鍵來新窗口打開、復(fù)制內(nèi)容等操作。

另外官方也提供了一些參數(shù)，例如可以修改圖標(biāo)、修改程序的默認(rèn)名稱。

• nativefier --name 'app名字' '網(wǎng)址'
• navivefier --name 'app圖標(biāo)路徑' '網(wǎng)址'

圖標(biāo)支持最大圖標(biāo)、最小圖標(biāo)，參考下面的參數(shù)：

--min-width '大小px' --max-width '大小px' --min-height '大小px' --max-height '大小px'

5.將本地網(wǎng)頁制作成程序，在生成的命令里面添加指向的 HTML 文件，如下：

• nativefier --name 'Sample' 'index.html'

然后打開 \app\nativefier.json 文件，搜索 'targetURL'，把 targetURL 指定的地址修改成你的 html 路徑即可。

總結(jié)

通過「nativefier」你可以簡單方便的把一些在線工具打包成本地應(yīng)用，還是比較不錯的。

另外從官方的文檔里面看到，似乎還支持嵌入 Flash 插件的支持。因?yàn)槟壳斑€有一些網(wǎng)站需要依賴 Flash 插件，你可以打包成單獨(dú)的程序來使用。有興趣的自己研究看看了。