把html变成桌面的软件,5 分钟把任意网站变成桌面软件
原標(biāo)題:5 分鐘把任意網(wǎng)站變成桌面軟件
以前,開發(fā)一個桌面軟件要花費大量的人力和時間。現(xiàn)在,隨著 web技術(shù)的快速發(fā)展,很多業(yè)務(wù)邏輯已經(jīng)在網(wǎng)站上實現(xiàn)。既然如此,能不能把網(wǎng)站快速轉(zhuǎn)變成軟件呢?這方面的實踐已經(jīng)有很多,早期的 Qt,后來的 Electron,都可以實現(xiàn)跨平臺桌面軟件的開發(fā)。不就是內(nèi)嵌一個瀏覽器么?能不能快一些?再快一些?今天,給大家介紹一個工具,讓你 5分鐘之內(nèi)就把一個網(wǎng)站變成一個可安裝的桌面軟件。
制作軟件
讓我們以https://segmentfaut.com這個網(wǎng)站為例來制作我們的軟件。
安裝工具
一句話搞定:
npm i -g nativefier開始制作
一句話搞定:
nativefier "https://segmentfault.com"
運行軟件
好了,軟件制作好了,看看效果吧:
就是這么簡單,有沒有?
可選步驟
以上是必經(jīng)步驟,以下是可選步驟。
作人不可過于懶惰,進門之后,多多少少還是需要調(diào)整一下的。 Nativefier提供了很多選項可供設(shè)置,包括應(yīng)用軟件名稱、圖標(biāo)、初始窗口尺寸、是否全屏等等等等,具體可以到官網(wǎng)查詢。
同時,在設(shè)置好這些選項之后,為了便于以后調(diào)整和使用,最好是做一個批處理腳本:
#!/bin/bash
nativefier --name "SegmentFault" "https://segmentfault.com/"
調(diào)整完參數(shù)之后,重新運行這個腳本就可以了。
制作安裝包
制作完軟件之后,我們得到是一個名為 SegmentFault.app的應(yīng)用程序,雖然已經(jīng)可以執(zhí)行了,但看上去不夠?qū)I(yè),專業(yè)的安裝包都是 .dmg為后綴的文件,接下來我們就來制作一個 .dmg。
打開Mac自帶的磁盤工具,新建一個空白映像。
初始時的大小設(shè)置為 200MB,因為缺省的 100MB放不下安裝文件,但是這個尺寸后面可以壓縮,所以即使設(shè)置為 300MB也沒關(guān)系的。
建好之后,雙擊圖標(biāo)打開這個文件,把剛才上面做好的 SegmentFault.app拷貝進去,然后再在里面建立一個指向 Applications文件夾的快捷方式,右鍵菜單點擊顯示選項,勾選『始終以圖標(biāo)顯示方式打開』,調(diào)整圖標(biāo)大小,在最下面挑選一張帶箭頭的圖片作為背景。
最后,再次打開磁盤工具,先推出剛才的這個文件,然后點擊菜單『映像』-『轉(zhuǎn)換』,把它壓縮一下,一個完美的 dmg安裝包就制作好了。
新的安裝包大小大約是 51MB,我把它上傳到百度網(wǎng)盤了,有需要的同學(xué)可以下載安裝試用一下。 Windows的安裝包我就不制作了,制作軟件方法類似,只是在制作安裝包的時候, Windows要稍微麻煩一些。
怎么樣,制作一個桌面軟件是不是很容易呢?你也來學(xué)著把貴司的網(wǎng)站變成軟件吧!
HTML5 桌面通知:Notification API
從放棄迅雷和 IDM 到自己開發(fā)下載工具
個人網(wǎng)站即時到賬收款解決方案返回搜狐,查看更多
責(zé)任編輯:
總結(jié)
以上是生活随笔為你收集整理的把html变成桌面的软件,5 分钟把任意网站变成桌面软件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html首字母样式,html标签手册
- 下一篇: 自动弹窗被拦截 html,弹出式窗口被阻