Electron如何让原生window.open打开的子窗口与父窗口共享同一partition

Electron 默认会给 window.open 打开的子窗口分配独立的 webPreferences.partition 配置，要实现共享，只需在主进程手动指定子窗口的partition与父窗口一致即可，具体实现如下：

方案1：全量继承父窗口配置（适用Electron 12+） #

给父窗口的webContents绑定setWindowOpenHandler事件，在回调中强制指定子窗口的partition参数：

// 主进程父窗口创建逻辑
const { BrowserWindow } = require('electron')
const parentWin = new BrowserWindow({
  webPreferences: {
    partition: 'your-target-partition', // 父窗口自定义的partition值
    contextIsolation: true,
    nodeIntegration: false
  }
})

// 监听window.open请求
parentWin.webContents.setWindowOpenHandler(() => {
  return {
    action: 'allow',
    overrideBrowserWindowOptions: {
      webPreferences: {
        // 直接继承父窗口的partition
        partition: parentWin.webContents.session.partition
        // 其余webPreferences配置可按需补充，与父窗口保持一致
      }
    }
  }
})

如果有多个父窗口需要该能力，可将上述逻辑封装为公共方法，每个新创建的BrowserWindow初始化后调用即可。

方案2：按需匹配共享（仅指定场景下共享partition） #

如果不需要所有子窗口都共享partition，可以根据请求参数判断后再配置：

parentWin.webContents.setWindowOpenHandler((details) => {
  // 仅业务域名下的子窗口共享partition
  if (new URL(details.url).hostname === 'your-business-domain.com') {
    return {
      action: 'allow',
      overrideBrowserWindowOptions: {
        webPreferences: {
          partition: parentWin.webContents.session.partition
        }
      }
    }
  }
  // 其余请求走默认逻辑
  return { action: 'allow' }
})

低版本Electron兼容方案（Electron <12） #

12以下版本可通过监听new-window事件实现相同效果：

parentWin.webContents.on('new-window', (event, url, frameName, disposition, options) => {
  event.preventDefault()
  // 手动修改子窗口的partition配置
  options.webPreferences.partition = parentWin.webContents.session.partition
  const childWin = new BrowserWindow(options)
  childWin.loadURL(url)
  event.newGuest = childWin
})

验证方法 #

配置完成后可以在主进程打印子窗口的partition值验证是否生效：

// 子窗口创建成功后调用
console.log(childWin.webContents.session.partition) // 输出值与父窗口一致即为配置成功

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