Electron.js 移除新窗口边框：解决iframe页面Ctrl+Click打开新窗口不应用BrowserWindow属性问题

这个问题是因为当你通过Ctrl+Click（或页面里带target="_blank"的链接）打开新窗口时，Electron会默认创建一个全新的BrowserWindow实例，但不会沿用你主窗口的配置。要让新窗口也去掉边框，你需要监听new-window事件，手动控制新窗口的创建逻辑。

下面是修改后的完整代码：

const path = require('path')
const {app, BrowserWindow, Menu} = require('electron')

function createWindow(options = {}) {
  // 合并默认配置和传入的选项，确保新窗口也继承核心属性
  const win = new BrowserWindow({
    width: 1000,
    height: 700,
    frame: false,
    show: false,
    ...options // 允许传入自定义选项覆盖默认值
  })

  win.once('ready-to-show', () => {
    win.show()
  });

  // 监听当前窗口的new-window事件，处理内部链接的新窗口请求
  win.webContents.on('new-window', (event, url, frameName, disposition, windowOptions) => {
    // 阻止Electron创建默认的窗口
    event.preventDefault();
    // 调用createWindow创建符合要求的自定义窗口
    const newWin = createWindow({
      // 可以在这里添加新窗口特有的配置，比如调整尺寸
      ...windowOptions
    });
    newWin.loadURL(url);
  });

  return win;
}

const menu = Menu.buildFromTemplate([])
Menu.setApplicationMenu(menu)

app.whenReady().then(() => {
  const mainWin = createWindow();
  mainWin.loadFile('index.html')
})

关键细节说明： #

• 重构createWindow函数：让它接受可选参数，既可以复用默认配置，也支持传入自定义选项覆盖默认，同时返回窗口实例方便后续操作。
• 监听new-window事件：这个事件会捕获窗口内所有试图打开新窗口的请求（包括iframe中的链接）。通过event.preventDefault()阻止Electron创建默认窗口，避免生成不符合要求的带边框窗口。
• 手动创建自定义窗口：在事件回调中调用createWindow生成新窗口，传入必要的配置后加载目标URL，这样新窗口就会继承你设置的frame: false属性，自动去掉边框。
• 适配iframe场景：new-window事件会自动捕获iframe内的新窗口请求，无需额外配置（只要iframe内容同源或有相应权限设置）。

如果你的iframe加载了跨域外部内容，可能需要在主窗口的webPreferences中临时配置webSecurity: false（仅调试用，不推荐生产环境使用），确保事件能正常触发。

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