https://m.toutiao.com/is/eDkBuJ8/
目前有非常多的在線實(shí)用工具,例如思維導(dǎo)圖、在線轉(zhuǎn)換格式等。部分在線工具還支持離線狀態(tài)下使用。
如果你覺(jué)得一些經(jīng)常用到的在線工具,每次都要通過(guò)瀏覽器訪問(wèn)網(wǎng)站后使用,比較麻煩的話,可以考慮把它生成本地應(yīng)用。
目前 Chrome 瀏覽器就支持把網(wǎng)站生成桌面應(yīng)用程序,不過(guò)有個(gè)弊端,那就是想要運(yùn)行它,必須依賴 Chrome 瀏覽器。
所以今天鋒哥教大家直接把網(wǎng)站生成 EXE 程序,無(wú)需會(huì)編程代碼。這里要用到這個(gè)「nativefier」基于 Electron 的工具,只要通過(guò)一行代碼就能生成 EXE 程序。
nativefier使用
目前「nativefier」支持多個(gè)平臺(tái),包括有 Windows、Mac、Linux,你可以在這些系統(tǒng)里面把網(wǎng)站生成可執(zhí)行的程序。
1.使用「nativefier」先要安裝 Node.js 程序,可以到 https://nodejs.org/zh-cn 官方網(wǎng)站下載,建議下載長(zhǎng)期支持版。
2.由于 Node.js 國(guó)外源加載速度很慢,我們可以把它修改成國(guó)內(nèi)的源,建議用淘寶的源地址。
快捷鍵 Win+Q,搜索系統(tǒng)變量:環(huán)境變量 → 新建變量:
3.快捷鍵 Win+X,運(yùn)行 PowerShell(管理員),輸入下面的命令開(kāi)始安裝。
耐心等待一會(huì),一直到出現(xiàn) Thank you for using core-js.....for polyfilling JavaScript standard library! 就是安裝好了。
4.接下來(lái)就可以把網(wǎng)站生成程序了,運(yùn)行 Node.js command prompt 輸入命令:nativefier '網(wǎng)址'。這里鋒哥把之前制作的裝機(jī)必備導(dǎo)航作為例子:
最后 nativefier 生成的程序默認(rèn)會(huì)在 C盤,你的用戶名,WIN -1 文件夾里面,運(yùn)行 WIN - 1.exe 就可以了。在程序里面你可以選中文本內(nèi)容,通過(guò)右鍵來(lái)新窗口打開(kāi)、復(fù)制內(nèi)容等操作。
另外官方也提供了一些參數(shù),例如可以修改圖標(biāo)、修改程序的默認(rèn)名稱。
圖標(biāo)支持最大圖標(biāo)、最小圖標(biāo),參考下面的參數(shù):
--min-width '大小px' --max-width '大小px' --min-height '大小px' --max-height '大小px'
5.將本地網(wǎng)頁(yè)制作成程序,在生成的命令里面添加指向的 HTML 文件,如下:
然后打開(kāi) \app\nativefier.json 文件,搜索 'targetURL',把 targetURL 指定的地址修改成你的 html 路徑即可。
總結(jié)
通過(guò)「nativefier」你可以簡(jiǎn)單方便的把一些在線工具打包成本地應(yīng)用,還是比較不錯(cuò)的。
另外從官方的文檔里面看到,似乎還支持嵌入 Flash 插件的支持。因?yàn)槟壳斑€有一些網(wǎng)站需要依賴 Flash 插件,你可以打包成單獨(dú)的程序來(lái)使用。有興趣的自己研究看看了。
聯(lián)系客服