使用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> 

祝你好运！