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

Question

我想建立一個簡單的應用程序的Mac有一個圖標，坐在右上方菜單欄利用html/css/js（我不知道任何目標-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

這適用於OS X，而據稱適用於Windows和Linux，雖然我無法驗證Windows和Linux索賠。

克隆存儲庫。 npm install來自回購的根。

需要一個快速示例？

cd進入/example目錄; npm install那裏也有。然後運行npm run build，然後運行npm start。檢查您的菜單欄以檢查新生成的應用程序（「Hello World」）。將其用作快速入門的框架。

如果遇到任何困難，請確保您已安裝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> 

祝你好運！