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

Posted

技术标签:

【中文标题】我想在电子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()
)

【讨论】:

以上是关于我想在电子js中为关于应用程序(对于windows)创建自定义子窗口的主要内容,如果未能解决你的问题,请参考以下文章

电子应用 |带有电子生成器的自定义安装程序

如何在 d3 js 中为地图重投影进行平滑过渡

电子Js,拖放,JavaScript

列出 ETW 提供程序的事件类

如何在 Linux 或 Windows 中为 OS X 编译?

即使购物车在 WooCommerce 中为空,也可以通过 URL 中的 GET 方法应用优惠券折扣