用html / js / css创建Mac菜单栏应用程序?

时间:2013-10-18 16:44:33

标签: javascript macos air

我想为Mac构建一个简单的应用程序,它的图标位于右上方的菜单栏中,利用html / css / js(我不知道任何目标-c)......

有办法做到这一点吗?我的第一个想法是使用类似Adobe Air的东西,但我不确定它是否可以做到这一点......

2 个答案:

答案 0 :(得分:1)

您需要在objective-c中对其进行编程。我不太确定Adobe Air能否访问系统菜单栏,但是你不太可能通过它来实现它,使用HTML / CSS / JS是基于Web的语言。

进行简单搜索,例如“Objective-c菜单栏应用”。你会发现很多可以帮助你入门的教程。我开始使用菜单栏应用程序在obj-c中编程:)

如果您正在尝试与网络语言密切合作,您可能会觉得这很有用:http://masashi-k.blogspot.com/2013/07/statusbar-with-nodobjc.html

答案 1 :(得分:-1)

这是存储库的链接,您可以在其中下载必要的依赖项,以使用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>
祝你好运!