从OSX上的Electron中的Finder中删除菜单栏

Mic*_*rtz 4 macos menu menubar electron

我购买了一个新的macbook,我正在努力让我的应用程序在64位mac上运行.

但是我无法删除默认的菜单栏.

反正有没有通过app.js将我的应用程序名称从Electron更改为Electron内的其他东西,所以我在Finder中看不到Electron(为了更好的理解,请回到屏幕截图)?有没有办法删除编辑,视图窗口和帮助菜单?

截图

package.json:

{
  "name": "hello",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "start": "electron ."
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron-prebuilt": "^0.33.0"
  }
}
Run Code Online (Sandbox Code Playgroud)

app.js:

var app = require("app"),
        BrowserWindow = require("browser-window");

app.on("ready", function() {
  var mainWindow = new BrowserWindow({
    toolbar: false,
    "skip-taskbar": true,
    "auto-hide-menu-bar": true,
    width: 800,
    height: 600
  });

  mainWindow.loadUrl("file://" + __dirname + "/index.html");
  mainWindow.setMenuBarVisibility(false);
  mainWindow.setAutoHideMenuBar(true);
  mainWindow.openDevTools();
});
Run Code Online (Sandbox Code Playgroud)

index.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello</title>
  </head>
  <body>
    Hello world!
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Sha*_*ski 9

创建浏览器窗口后,请执行以下操作:

mainWindow.setMenu(null);
Run Code Online (Sandbox Code Playgroud)

仅适用于Windows和Linux!- http://electron.atom.io/docs/api/browser-window/#winsetmenumenu-linux-windows

否则,您可以通过查看菜单上的Electron文档来创建自己的自定义菜单:http://electron.atom.io/docs/api/menu/.


Ken*_* Yu 6

我的电子应用程序在这里遇到了同样的问题

我试过了mainWindow.setMenu(null);但是没用

但我注意到当应用程序运行时,停靠栏中有一个电子图标显示,这是您的应用程序

我认为这可能是导致问题的关键

试一试

app.dock.hide();
Run Code Online (Sandbox Code Playgroud)

注意:这是仅适用于os x的方法(文档

你去

在此处输入图片说明

隐藏停靠图标后,您的应用不再具有ApplicationMenu或dockMenu的默认功能,例如退出,关于,隐藏等。

因此您可以考虑为您的应用分配一个托盘


Ana*_*tts 5

电子名称Electron.app中的Info.plist文件,将其更改为您想要的.

  • 这非常有帮助。由于电子预建,当我执行 `electron .` 时,它不会在第一个菜单项(在 OSX 上以粗体显示)中更改我的应用程序名称,因为那是应用程序名称。一旦我打包了应用程序,它就可以工作了,所以很高兴知道。 (2认同)