javascript - 如何从 Electron 中的另一个脚本访问 mainWindow？

Question

我的 Electron 应用程序在 main.js 中定义了 BrowserWindow mainWindow。它加载一个 html 并最终在 html 内部脚本运行函数 dialog.showMessageBox()显示一个简单的警告:

dialog.showMessageBox({
    type: 'warning',
    message: "You have been warned.",
    buttons: ["OK"]
});

我希望此对话框成为 mainWindow b/c 的子项，使其成为模式，从而禁用 mainWindow 直到它关闭。要实现这一点，您通常只需在类型声明之前添加 mainWindow,。不幸的是，它不知道变量 mainWindow，因为 dialog.showMessageBox()在不同的脚本 (site.js) 中创建。

如何创建一个对话框，它是 mainWindow 的子项，而不是在 main.js 中创建它？ 可以ipc有什么帮助吗？

Answer 1

当前 Electron 版本 (>= 14.0.0)

从 Electron 14.0.0 开始，下面提到的 remote 模块已经是 deprecated and subsequently removed .为了仍然从渲染器进程打开这些对话框，我建议通过 IPC 向主进程发送消息:

// renderer process
const { ipcRenderer  } = require ("electron");

ipcRenderer.send ("show-message");

以及主进程中的监听部分:

// main process
const { dialog, ipcMain, BrowserWindow } = require ("electron");

ipcMain.on ("show-message", (event, args) => {
    dialog.showMessageBox (BrowserWindow.fromWebContents (event.sender), {
        type: "warning",
        message: "You have been warned.",
        buttons: ["OK"]
    });
});

这将为已发送 IPC 消息的 BrowserWindow 实例打开消息框作为模态对话框，因此将作为 remote 的直接替代品代码。

---

Electron <14.0.0

您可以使用 Electron 的 remote从该窗口中包含(加载)的脚本获取当前 BrowserWindow 的模块:

const remote = require ("electron").remote;

dialog.showMessageBox (remote.getCurrentWindow (), {
  type: "warning",
  message: "You have been warned.",
  buttons: ["OK"]
});