Electron中如何从其他脚本访问mainWindow并创建模态对话框？

你说得对，渲染进程（也就是你的site.js）确实无法直接访问主进程里的mainWindow实例——这是Electron的进程隔离机制导致的。不过IPC（进程间通信）完全可以解决这个问题，核心思路是让渲染进程向主进程发送请求，由持有mainWindow引用的主进程来调用对话框，并把mainWindow作为父窗口传入，这样对话框就会自动变成模态窗口，锁住主进程窗口直到关闭。

下面是具体的实现步骤：

1. 在主进程（main.js）中添加IPC监听器 #

首先，在主进程里监听来自渲染进程的对话框请求，收到请求后用mainWindow作为父窗口调用dialog.showMessageBox：

const { app, BrowserWindow, ipcMain, dialog } = require('electron');
const path = require('path'); // 引入路径模块用于preload脚本定位

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      // 遵循Electron安全最佳实践，开启上下文隔离
      contextIsolation: true,
      preload: path.join(__dirname, 'preload.js')
    }
  });

  mainWindow.loadFile('index.html');

  // 监听渲染进程的警告对话框请求
  ipcMain.on('show-warning-dialog', (event, dialogOptions) => {
    // 把mainWindow作为第一个参数传入，实现模态锁定效果
    dialog.showMessageBox(mainWindow, dialogOptions);
  });
}

app.whenReady().then(createWindow);

2. 编写Preload脚本（安全通信的关键） #

因为开启了contextIsolation（Electron 12+默认启用），渲染进程无法直接访问ipcRenderer，所以需要通过preload脚本把安全的通信方法暴露给渲染进程：

在项目根目录创建preload.js：

const { contextBridge, ipcRenderer } = require('electron');

// 向渲染进程全局暴露安全可控的API
contextBridge.exposeInMainWorld('electronAPI', {
  showWarningDialog: (options) => ipcRenderer.send('show-warning-dialog', options)
});

3. 在渲染进程（site.js）中调用暴露的API #

现在你的site.js就可以通过全局暴露的electronAPI来请求主进程创建模态对话框了：

// 触发模态警告对话框
window.electronAPI.showWarningDialog({
  type: 'warning',
  message: "You have been warned.",
  buttons: ["OK"]
});

原理说明 #

• 主进程持有mainWindow的唯一有效引用，只有它能将该实例作为父窗口传递给dialog.showMessageBox，从而让对话框成为主窗口的模态子窗口，自动锁住主窗口直到对话框关闭。
• IPC是Electron官方推荐的跨进程通信方式，既遵守了进程隔离的安全规则，又能实现渲染进程与主进程的功能协作。

如果你使用的是旧版Electron（或临时测试场景），也可以通过开启nodeIntegration: true并关闭contextIsolation，直接在site.js中require('electron').ipcRenderer发送请求，但这种方式安全性较低，不建议在生产环境使用。

内容的提问来源于stack exchange，提问作者leonheess