我想在电子js中为关于应用程序（对于windows）创建自定义子窗口

Posted 2023-03-22

【中文标题】我想在电子js中为关于应用程序（对于windows）创建自定义子窗口

【英文标题】：I want to create custom child window for about application (for windows) in electron js

【发布时间】：2020-12-22 22:58:52

【问题描述】：

我想创建一个子浏览器窗口来显示有关我的应用程序的一些要点。会计。对于电子 js 文档，它支持 Mac OS 的“关于”角色，但不支持 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】：

您不需要自己使用文件协议。 你可以使用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()
)