Я хочу создать пользовательское дочернее окно для о приложении (для Windows) в electron js

#javascript #vue.js #menu #electron #electron-builder

#javascript #vue.js #меню #electron #электронный конструктор

Вопрос:

Я хочу создать дочернее окно браузера, чтобы отобразить некоторые моменты о моем приложении. Согласно документам electron js, он поддерживает для Mac OS роль «about», но ничего не поддерживает для Windows. Итак, я создаю пользовательское окно для Windows. И я создал окно, но я не знаю, как отобразить html в нем. Кто-нибудь знает об этом, пожалуйста, предоставьте некоторые решения. Я добавляю свой код, который я сделал до сих пор. Спасибо.

     const childURL = `file://${__dirname}/index_child.html
    let child = new BrowserWindow({
    parent: mainWindow,
    modal: true,
    show: false,
    width: 700,
    height: 700,
    minimizable: false,
    maximizable: false,
    fullscreenable: false,
  })
  child.loadURL(childURL)
  child.once('ready-to-show', () => {
    child.show()
  })
  

Ответ №1:

вам не нужно самостоятельно использовать file protocol. вы можете использовать loadFile метод.

или, если вы все еще хотите использовать файловый протокол. вам не хватает косой черты.

const childURL = `file:///${path.resolve(__dirname, "index_child.html")}`

 let child = new BrowserWindow({
    parent: mainWindow,
    modal: true,
    show: false,
    width: 700,
    height: 700,
    minimizable: false,
    maximizable: false,
    fullscreenable: false,
});

child.loadFile("index_child.html");

child.once('ready-to-show', () => {
    child.show()
})