javascript - 使用菜单单击打开一个新窗口以显示 html 文件 - Electron

Question

我是 Electron 和 JavaScript 的新手。我正在构建一个 Electron 应用程序。我知道如何通过单击 native 菜单中的项目(通过研究文档)在浏览器中打开 URL，但我需要使用 Electron 的 native 菜单单击在另一个 Electron 窗口中打开 html 文件。如果我的菜单结构如下所示，我该如何实现？请帮忙。

const {Menu} = require('electron');

const nativeMenus = [
    {
        label: 'About',
        submenu: [
            {
                label: 'About',
                click () {--- code to open about.html file in another electron window}
            }
        ]

    }
]

const menu = Menu.buildFromTemplate(nativeMenus);
Menu.setApplicationMenu(menu);

Answer 1

如果它全部在 main.js 中，只需创建一个函数来创建一个新窗口，然后在单击菜单项时调用它。

const { Menu } = require('electron')
const ipc = require('electron').ipcRenderer

const nativeMenus = [
  {
    label: 'About',
    submenu: [
      {
        label: 'About',
        click() {
          openAboutWindow()
        }
      }
    ]
  }
]

const menu = Menu.buildFromTemplate(nativeMenus)
Menu.setApplicationMenu(menu)

var newWindow = null

function openAboutWindow() {
  if (newWindow) {
    newWindow.focus()
    return
  }

  newWindow = new BrowserWindow({
    height: 185,
    resizable: false,
    width: 270,
    title: '',
    minimizable: false,
    fullscreenable: false
  })

  newWindow.loadURL('file://' + __dirname + '/views/about.html')

  newWindow.on('closed', function() {
    newWindow = null
  })
}

让我知道这是否适合您。