使用html / js / css創建Mac菜單欄應用程序？

Question

我想為Mac構建一個簡單的應用程序，該應用程序的圖標位於右上角的菜單欄中，利用html / css / js（我不知道任何Objective-C）...

有沒有辦法做到這一點？ 我的第一個想法是使用Adobe Air之類的東西，但是我不確定它是否可以做到這一點...

Answer 1

您需要在Objective-C中進行編程。 我不太確定Adobe Air是否可以訪問系統菜單欄，但是通過HTML / CSS / JS是基於Web的語言，您不太可能做到這一點。

做一個簡單的搜索，例如“ Objective-c菜單欄應用程序”。 您會發現很多教程可以幫助您入門。 我開始使用菜單欄應用程序在obj-c中進行編程:)

如果您嘗試使用網絡語言更緊密地合作，則可能會發現這很有用： http : //masashi-k.blogspot.com/2013/07/statusbar-with-nodobjc.html

Answer 2

這是到資源庫的鏈接，您可以在其中下載必要的依賴關系，以使用HTML，CSS和JS構建菜單欄應用程序。 如果您熟悉該框架，它將基於Electron構建。

https://github.com/maxogden/menubar

盡管我無法驗證Windows和Linux的說法，但是它可以在OS X上運行，並且據說可以在Windows和Linux上運行。

克隆存儲庫。 從倉庫的根目錄npm install 。

需要一個簡單的例子嗎？

cd進入/example目錄； npm install也npm install在那里。 然后運行npm run build然后運行npm start 。 檢查菜單欄以檢查新生成的應用程序（“ Hello World”）。 以此為基礎快速入門。

如果遇到任何困難，請確保已electron-prebuilt安裝了electron-prebuilt 。 如果要安裝全局變量，則可以使用npm install -g electron-prebuilt 。 否則，運行npm install electron-prebuilt並使用以下命令對其進行符號鏈接：

$ ln -s ./node_modules/electron-prebuilt/dist/Electron.app/Contents/MacOS/Electron <PATH-TO-SYMLINKS>

祝好運！