javascript - 不同的浏览器窗口在electronic js中应具有不同的菜单选项

Question

我需要2个浏览器窗口，一个是主窗口，另一个是子窗口，我想设置子窗口菜单，该菜单不应反射(reflect)在主窗口上。

app.on('ready', function() {
  // Create new window
  // this assign the mainwindow variable as a browserwindow with 
  //      default parameter value which will take the entire page
  mainWindow = new BrowserWindow({});
  childWindow = new BroserWindow({});
  // Load html in window
  // the below function will load the html into the window using the 
  //Command pathname
  mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'mainWindow.html'),
    protocol: 'file:',
    slashes: true
  }));
  childWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'childWindow.html'),
    protocol: 'file:',
    slashes: true
  }));
  / /
  Quit app when closed
  mainWindow.on('closed', function() {
    app.quit();
  });
  // Build menu from template
  const mainMenu = Menu.buildFromTemplate(mainMenuTemplate);
  // Insert menu
  Menu.setApplicationMenu(mainMenu);
});
//here i need to set the menu option only to the child window 
//not the main window

Answer 1

我不确定您要问的是什么，但是从我可以告诉您的内容来看，您想在主窗口上设置menuBar，在子窗口上设置不同的menuBar。

您可以像这样用 win.setMenu(menu) 来做到这一点:

const mainWindowMenuBar  = Menu.buildFromTemplate(<Main window template>);
const childWindowMenuBar = Menu.buildFromTemplate(<Child window template>);

mainWindow.setMenu(mainWindowMenuBar);

childWindow.setMenu(childWindowMenuBar);

Docs