Как связать меню electron с графической частью приложения?

Question

[LinuxGod]

Есть меню в приложении electron:

{
label: 'View',
submenu: [
{ role: 'reload' },
{ role: 'forcereload' },
{ role: 'toggledevtools' },
{ type: 'separator' },
{ role: 'resetzoom' },
{ role: 'zoomin' },
{ role: 'zoomout' },
{ type: 'separator' },
{ role: 'togglefullscreen' }
]
},

const menu = Menu.buildFromTemplate(template)
Menu.setApplicationMenu(menu),

как сделать чтобы элемент этого меню менял webview в самом приложении (его src), тоесть получить document.querySelector("webview"); и изменить его src при клики в меню приложения.

Answer 1

[profesor08]

Не надо тебе этого. Все манипуляции делай уже в рендере. Сделай меню на html, стилизуй на css, прилепи к верху и загружай все что вздумается.

Но если хочется, то у тебя в man.js есть что-то вроде mainWindow.loadFile("src/template/index.html");, вот и вызывай для своего окна этот метод с нужным src

Тут пример как добавить событие клика: https://www.electronjs.org/docs/api/menu