-
1 # 科技答題官
-
2 # 那個叫什麼的來的
這個是可以的,有個軟體叫nw.js,裝一下這個就可以用html開發桌面軟體了,用這個nw.jsnw.js把你的頁面拉起來。nw其實就是一個node.js+webkit。其實就是用一個chrome把你的web頁面拉起來。由於是基於node.js的,所以開發時少了普通瀏覽器的安全限制。比較靈活,可以訪問本地檔案系統。Github上nw.js有兩萬多Star和接近3000的Fork,說明它已經相當成熟,不會是某個人隨興放的一個並不成熟的技術。並且在Github專案的最後面,顯示Intel有贊助這個專案,看起來很牛的樣子。而且關於nw.js的資料也特別齊全,首先來看看它的特點: 支援用HTML5, CSS3, JS和WebGL來寫應用程式,包括桌面端和移動端; 完全支援Node.js APIs和所有的第三方模組; 效能也不會很差,對於輕量級的應用足夠了; 對應用進行打包和釋出十分簡單,也就是說寫一份程式碼很容易移植到不同的平臺(包括主流的Linux, Mac OS X 和 Windows)。前也有基於這個的桌面軟體。
-
3 # 海陽頂端
其他人的回答我仔細看了一下,說得都挺好,藉助一些第三方軟體使用html或html5來開發桌面軟體,開發app也是可以做到的。我再補充一點,他們的回答裡都漏了微軟自帶的hta檔案,hta就是用html和js、vbs來開發桌面軟體的。
百度百科裡是這樣講的,HTA是HTML Application的縮寫(HTML應用程式),是軟體開發的新概念,直接將HTML儲存成HTA的格式,就是一個獨立的應用軟體,與VB、C++等程式語言所設計的軟體介面沒什麼差別。
其實微軟在xp時代,系統裡運用了大量的hta檔案,其實換了個字尾格式cpl名,你不自查而已。最顯著的應用都是在控制面板裡。我們在xp命令執行下nusrmgr.cpl,會出現如圖所示的介面。
我們用Restorator分析一下nusrmgr.cpl檔案,除了cpl自己的固定格式,裡邊全是htm檔案。這也是為什麼微軟一直不肯刪掉ie瀏覽器的一個原因之一。如果刪掉了ie瀏覽器,你讓xp用html寫的這些控制面板系統應用如何自處?
當然,隨時微軟系統的升級換代,cpl檔案也發展得與hta不同了。不過用hta檔案的確是能寫出大量的有效的桌面軟體。
我本人也用hta寫過一個下載者生成器,當年效果還是非常好的,能繞過所有的主防。
-
4 # 二手的文化觀察員
HTML做前端
GO做服務端,用Supervisord實現後臺運營
SQLite做資料庫
這樣的組合就可以實現快速部署在桌面系統執行,乾淨又整潔。
-
5 # 是我啊
本人小前端,最近閒翻閱到了一些比較厲害的東西,就看到了一個叫electron的api官網,上面是這樣介紹的:
關於Electron:
Electron是由Github開發,用HTML,CSS和JavaScript來構建跨平臺桌面應用程式的一個開源庫。 Electron透過將Chromium和Node.js合併到同一個執行時環境中,並將其打包為Mac,Windows和Linux系統下的應用來實現這一目的。
Electron於2013年作為構建Github上可程式設計的文字編輯器Atom的框架而被開發出來。這兩個專案在2014春季開源。
目前它已成為開源開發者、初創企業和老牌公司常用的開發工具。
然後,我就對著一篇大神的分享神奇的做出了一個簡單的應用,打包後可以直接執行
如圖:
雙擊執行即可。
我簡單的將整個的過程寫了一份小文件可以分享給你嘗試一下:
什麼是Electron?Electron是一個基於Chrominum和NodeJS的跨平臺桌面應用框架。在這個框架中很容易基於html、css和JavaScript技術的跨平臺應用,構建出來的應用會很好的相容Mac、windows和Linux作業系統。它還有一些其他的特性:自動更新--應用支援自動更新原生選單和通知--可以建立原生應用選單和上下文選單應用奔潰報告--可以將奔潰提交到遠端伺服器除錯和分析--Chrominum的內容模組可以發生效能瓶頸和緩慢的操作,你可以在應用中使用自己喜歡的chrome開發者工具Windows installer--可以快速便捷地建立安裝包動手之前需要安裝NodeJS,你還應該申請一個Github賬戶來儲存和更新應用。Ready Go首先在git工具中將 electron/electron-quick-start庫克隆下來git clone https://github.com/electron/electron-quick-startcd electron-quick-startnpm install&&npm start完成上面的步驟之後,你會看到一個像瀏覽器視窗的應用開啟。它確實是一個瀏覽器視窗!這個視窗顯示的樣子在不同的作業系統上會有所不同。我選擇使用 Windows 的經典樣式。非常贊!
新應用的目錄和檔案結構基本的檔案結構electron-quick-start-index.html是一個html5頁面,它具有一個很重要的作用:提供畫布-main.js建立視窗並處理系統事件-package.json是應用的啟動指令碼,它包含了應用資訊,在主程序中執行-renderer.js處理應用的渲染程序打包應用electron-packagerelectron-packager可以將專案打包成各平臺可直接執行的程式,而不是安裝包先使用npm安裝:npm install electron-packager -S執行打包命令:electron-packager . app --win --out tjj --arch=x64 --version 1.0 --overwrite --ignore=node_modules打包會把專案檔案包括 node_modules 也一起打包進去,當然可以透過 –ignore=node_modules 來忽略檔案,但是如果專案中有用到第三方庫,忽略的話則找不到檔案報錯了。藍色部分可自行修改:electron-packager . 可執行檔案的檔名 --win --out 打包成的資料夾名 --arch=x64位還是32位 --version版本號 --overwrite --ignore=node_modules打包完成後的檔案包名:app-win32-x64 -
6 # 碼農JSON
你可以試試本人開發的.net開源元件NanUI.
使用NanUI就可以實現使用HTML/CSS/JAVASCRIPT來設計.NET的Windows應用程式的介面,還可以透過在JS環境裡註冊C#的各種物件來進行功能的擴充套件。
專案地址:
https://github.com/NetDimension/NanUI
-
7 # 程式設計字典
大家說的都挺好。也跟專業
html教程:http://codingdict.com/article/6064
-
8 # xizhouhezai
單純的html是寫不出Windows或者Mac的桌面應用程式的,甚至單純的網頁都有一大堆問題,所以樓主提出問題是有問題的!但是作為開發者,大致理解樓主想問的問題,如何使用web開發語言實現桌面應用,在node.js還沒出現之前是很難實現的,但是在node.js出現後,這也不是什麼難題,現在大致實現桌面應用是套個瀏覽器核心然後打包成一個桌面系統可執行的程式,來實現web應用移植到桌面應用,目前流行的技術是eletron,著名的用這種技術實現的桌面程式就是vs code,一款非常好用的程式碼編輯器,擴充套件能力強大
-
9 # 開發指南
純 HTML 確實是寫不出 桌面程式的,但是可以透過第三方工具對 HTML 檔案進行打包操作,打包完後就是一個可以執行在桌面的應用程式了。
ElectronJs
官網:
https://electronjs.org/
如果你可以建一個網站,你就可以建一個桌面應用程式。 Electron 是一個使用 JavaScript, HTML 和 CSS 等 Web 技術建立原生程式的框架,它負責比較難搞的部分,你只需把精力放在你的應用的核心上即可。
Electron 讓你為你的公司或想法建立桌面端應用變得很簡單。最初為 GitHub 的 Atom 編輯器開發,Electron 已被像微軟、 Facebook、 Slack 和 Docker 這樣的公司用於建立應用程式了。
NW.js
官網:
https://nwjs.io/
NW.js(以前稱為node webkit)允許您直接從dom呼叫所有node.js模組,並支援使用所有Web技術編寫應用程式的新方法。
NW.js 是一個使用 Web 技術建立本地應用的框架,如 HTML、JavaScript 和 CSS。簡單地說,當你在使用普通的流程開發一個 Web 應用時,開發完成後,執行一個生成器,將所有東西編譯成一個本地應用,它會像一個瀏覽器一樣執行你的 Web 應用。這種應用就被稱為“Hybrid 應用(一種混合本地程式設計和 Web 程式設計技術的應用)”。
並且 NW.js 是華人開發的工具,比 Electron 還要早釋出,不過目前沒有 Electron 流行,如果是寫基礎小應用,二者沒有什麼大區別,可以隨意嘗試,這兩個都是很不錯的框架。
感謝閱讀
-
10 # 小小猿愛嘻嘻
你說的應該是將HTML程式打包為桌面程式吧,這裡介紹一種簡單的方式,利用node.js的electron打包,下面我簡單介紹一下實現過程,主要內容如下:
瀏覽器開啟後的效果如下:
1.首先,安裝nodejs,這個直接到官網上下載就行,選擇適合自己平臺的版本即可,安裝完成後,需要將node、npm這些常見命令(即node安裝目錄)新增到環境變數中,方便後面使用,如下:
2.接著就是安裝electron和electron-packager這2個包,打包程式的時候要使用到這2個包,至於安裝的話,直接在cmd視窗中輸入命令“npm install electron electron-packager”就行,如下:
3.最後就是打包HTML為桌面程式了,主要步驟如下:
這裡為了方便,我新建了一個package目錄,把剛才的index.html移入到這個目錄下,同時下面新建一個package.json檔案和main.js一個檔案,如下:
其中package.json用於指明打包的基本資訊,main.js用於配置打包的詳細資訊,其基本內容如下:
package.json檔案:name為應用名稱,version為版本號,main為打包配置檔案。
main.js檔案:這裡用於配置打包的詳細資訊,可以自行設定,網上資料很多,可以搜一下,我這裡簡單配置了一下:
接著就是執行打包命令了,cmd切換到剛才的package目錄,然後執行命令“electron-packager . Hello --win --out HelloApp --arch=x64 --electron-version=3.0.10 --overwrite”就會自動打包,這裡主要需要指明打包的目錄、應用名稱、輸出目錄、應用位數、版本號等,詳細引數可以到網上搜一下,如下:
打包成功後,就能在輸出目錄HelloApp下的Hello-win32-x64目錄中找到剛才打包好的Hello.exe應用程式,雙擊就能開啟,如下:
至此,我們就完成了將HTML打包為桌面應用程式,其實就是用HTML開發桌面程式。總的來說,整個過程很簡單,就是配置有些麻煩,只要你熟悉一下相關過程和引數,多練習幾遍,很快就能掌握的,當然,你也可以利用其它方式來打包HTML程式,像nw.js,cef等,都可以,網上也有相關教程和資料,感興趣的話,可以搜一下,希望以上分享的內容能對你有所幫助吧,也歡迎大家評論、留言。
-
11 # IT啟蒙
直接改個字尾名,就可以直接運行了
-
12 # 磊哥資源
html寫桌面軟體是多餘的,有這個時間不如多研究點其他技術
-
13 # 牽妞花
請了解下HTA檔案。xp時代就有了
-
14 # 籍籍無名Rabbit
曾經我把自己的網站原始碼,打成了一個app..
但是,有啥用呢。
回覆列表
恭喜你遇到行家了,本人IT出生。
HBuilder這是國內最好的H5開發軟體,如果你是開發手機桌面、電腦桌面完全ok,它本身就是建立在Html5的基礎之上,而且全中文開發環境讓華人很是滿意。
WebStorm這是目前最流行的Html開發軟體,也是涵蓋了很多東西,js、jquery、ajax等等,而且擁有智慧提示,使得開發速度非常快。
DW這個的話都是初學者用的了,我個人不是很喜歡因為開發速度慢,不過功能還是全,建議初學者用,這樣才能學到東西。
說完前端那麼還有後臺呢?
Eclipse建議使用java,因為java上手簡單而且很成熟,這個東西你應該知道的。
以上軟體不管你是開發手機桌面還是PC桌面都是沒問題的。