javascript - 使用 html/js/css 创建 Mac 菜单栏应用程序？

Question

我想为 mac 构建一个简单的应用程序，它的图标位于右上角的菜单栏中，利用 html/css/js（我不知道任何 Objective-C）...

有没有办法做到这一点？我的第一个想法是使用 Adob​​e Air 之类的东西，但我不确定它是否可以做到这一点......

Answer 1

您需要在objective-c中对其进行编程。我不太确定 Adob​​e 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>

祝你好运！