摘要:個(gè)人博客同步文章今天我們要實(shí)現(xiàn)把任意一個(gè)網(wǎng)站轉(zhuǎn)換成一個(gè)桌面應(yīng)用軟件。打造桌面應(yīng)用此次就以我的博客為例來打造一個(gè)桌面應(yīng)用吧安裝工具第一行命令制作應(yīng)用第二行命令到目前,一個(gè)桌面應(yīng)用已經(jīng)打造完成效果應(yīng)用目錄點(diǎn)擊文件,啟動(dòng)應(yīng)用。
個(gè)人博客同步文章 https://mr-houzi.com/2018/01/...
今天我們要實(shí)現(xiàn)把任意一個(gè)網(wǎng)站轉(zhuǎn)換成一個(gè)桌面應(yīng)用軟件。網(wǎng)站轉(zhuǎn)應(yīng)用,在安卓端無非就是用一個(gè)Webview控件來解決。那么今天要說的是,在PC端如何快速簡單實(shí)現(xiàn)一個(gè)網(wǎng)站轉(zhuǎn)桌面應(yīng)用呢?
快速、簡單到底多快多簡單呢?
只需要兩行命令就可以把任意一個(gè)網(wǎng)站轉(zhuǎn)換成一個(gè)桌面應(yīng)用。
打造桌面應(yīng)用此次就以我的博客 http://mr-houzi.com 為例來打造一個(gè)桌面應(yīng)用吧
安裝工具第一行命令:
npm install nativefier -g制作應(yīng)用
第二行命令:
nativefier "https://mr-houzi.github.io/"
到目前,一個(gè)桌面應(yīng)用已經(jīng)打造完成
效果應(yīng)用目錄:
點(diǎn)擊.exe文件,啟動(dòng)應(yīng)用。激不激動(dòng)?(?>?)?
本文到這里已經(jīng)結(jié)束!您可以關(guān)閉這個(gè)博客了!如果您還想了解更多關(guān)于nativefier,歡迎您往下看!
附加內(nèi)容 設(shè)置名字nativefier在制作應(yīng)用的時(shí)候,可以自動(dòng)識(shí)別網(wǎng)站的名字,您也可以自己設(shè)置名字。
nativefier --name "AppName" "https://mr-houzi.github.io/"設(shè)置圖標(biāo)
nativefier --iconWindows和Linux打包
icon參數(shù)應(yīng)該是.png文件的路徑。
OSX打包如果安裝了可選的依賴關(guān)系,icon參數(shù)可以是a .icns或.png文件。
指定輸出不同系統(tǒng)的應(yīng)用默認(rèn)情況下,會(huì)根據(jù)當(dāng)前操作系統(tǒng),輸出對應(yīng)系統(tǒng)的應(yīng)用。如果您需要特殊指定轉(zhuǎn)換成不同系統(tǒng)的應(yīng)用,可以 使用一下命令。
nativefier --p
可選參數(shù)linux、windows、osx。
替代值win32(用于Windows)或darwin,mac(對于OSX)也可以使用。
-m, --show-menu-bar
指定是否應(yīng)該顯示菜單欄。
禁用上下文菜單--disable-context-menu
禁用上下文菜單
單實(shí)例--single-instance
阻止應(yīng)用程序多次運(yùn)行。如果發(fā)生這種嘗試,那么已經(jīng)運(yùn)行的實(shí)例就會(huì)出現(xiàn)在前面。
托盤--tray
應(yīng)用程序?qū)⒈A魹橄到y(tǒng)托盤中的圖標(biāo)。通過點(diǎn)擊窗口關(guān)閉按鈕來防止關(guān)閉應(yīng)用程序。
設(shè)置應(yīng)用版權(quán)nativefier --app-copyright
應(yīng)用的版權(quán)信息會(huì)映射到Windows系統(tǒng)的LegalCopyright和OS X系統(tǒng)的NSHumanReadableCopyright的元數(shù)據(jù)屬性。
設(shè)置顯示 寬度--width
打包應(yīng)用程序的寬度,默認(rèn)為1280px。
高度--height
打包應(yīng)用程序的高度,默認(rèn)為800px。
最小寬度--min-width
打包應(yīng)用程序的最小寬度,默認(rèn)為0。
最小高度--min-height
打包應(yīng)用程序的最小高度,默認(rèn)為0。
最大寬度--max-width
打包應(yīng)用程序的最大寬度,默認(rèn)為無限制。
最大高度--max-height
打包應(yīng)用程序的最大高度,默認(rèn)為無限制。
X--x
打包的應(yīng)用程序窗口的X位置。
Y--y
打包的應(yīng)用程序窗口的Y位置。
更多請參考官方文檔 https://github.com/jiahaog/na...
PS看完很多人會(huì)吐槽現(xiàn)在B/S架構(gòu)是趨勢,為什么還要從B/S轉(zhuǎn)成C/S?這個(gè)不就是一個(gè)內(nèi)置瀏覽器嗎?直接把網(wǎng)站設(shè)置一個(gè)快捷方式放在桌面上不就行了嗎?只能說有些技術(shù)不是主流,但一定有它存在的意義,做一項(xiàng)技能get到就好吧!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/68411.html
摘要:與是年最早公開發(fā)布的兩個(gè)框架,后來者還包括與。此外,另一重心是與團(tuán)隊(duì)的合作,預(yù)計(jì)將貫穿年。年展望對平臺(tái)而言,年的重點(diǎn)是提升穩(wěn)定性與采納率。最早由開發(fā),于年公開發(fā)布。時(shí)間會(huì)告訴我們,的極速增長能否在年持續(xù)下去。 【編者按】本文作者為資深 Web 開發(fā)者 TJ VanToll, TJ 專注于移動(dòng)端 Web 應(yīng)用及其性能,是《jQuery UI 實(shí)踐》 一書的作者。 本文系 OneAPM 工...
摘要:目前中國移動(dòng)在全國的公有云資源池部署已成規(guī)模,服務(wù)輻射全國。同時(shí),中國移動(dòng)和推出的新一代云桌面服務(wù)還具有降本增效綠色節(jié)能和信息安全的優(yōu)勢。首席信息官的頭號(hào)難題,通過與中國移動(dòng)的合作,正在聯(lián)手解決。移動(dòng)互聯(lián)網(wǎng)時(shí)代的員工總是希望隨時(shí)隨地,使用任何設(shè)備來辦公,但這卻成為了IT部門頭疼的問題,VMware與中國移動(dòng)的新一代云桌面服務(wù),正在讓首席信息官的頭號(hào)難題迎刃而解。首席信息官的頭號(hào)難題VMwar...
摘要:是什么是基于和擴(kuò)展出來的一套基礎(chǔ)的應(yīng)用框架,目的是為了快速的搭建炫酷的桌面應(yīng)用,其實(shí)也算不上框架只是一種解決方案而已,讓后來的開發(fā)者在少采坑的情況下搭建出相對漂亮而快速的應(yīng)用為什么要做這個(gè)公司的有個(gè)項(xiàng)目使用搭建的,最開始只是套了個(gè)網(wǎng)頁 electron-ui是什么 electron-ui是基于electron和electron-vue擴(kuò)展出來的一套基礎(chǔ)的應(yīng)用框架,目的是為了快速的搭建炫...
摘要:本節(jié)目標(biāo)你可以在分鐘內(nèi)開始運(yùn)行一個(gè)最簡單。是一個(gè)能幫你用來寫桌面程序的項(xiàng)目。原先是為打造的,后來直接演化成兄弟項(xiàng)目?,F(xiàn)在已經(jīng)有很多大廠也開始使用來寫桌面了。全局安裝,因?yàn)槲覀円玫剿拿钚?。完美天才第一步,達(dá)成 本節(jié)目標(biāo):你可以在10分鐘內(nèi)開始運(yùn)行一個(gè)最簡單electron app。不要考慮太多的概念,直接復(fù)制粘貼開始吧。 Electron是一個(gè)能幫你用JS來寫桌面程序的node項(xiàng)目...
摘要:背景項(xiàng)目需要做一個(gè)客戶端的殼,內(nèi)置瀏覽器,訪問指定的采用技術(shù)開始吧環(huán)境配置略效果 背景 項(xiàng)目需要做一個(gè)客戶端的殼,內(nèi)置瀏覽器,訪問指定 的url 采用技術(shù) java 1.8 開始吧! java環(huán)境配置略 hello world import javafx.application.Application; import javafx.beans.value.ChangeListener;...
閱讀 1030·2023-04-25 14:45
閱讀 2834·2021-09-30 09:59
閱讀 3161·2021-09-22 15:48
閱讀 2449·2019-08-30 15:55
閱讀 3519·2019-08-30 15:44
閱讀 569·2019-08-29 14:07
閱讀 3441·2019-08-26 13:45
閱讀 564·2019-08-26 11:31