我之前也踩过Electron WebView处理target="_blank"链接的坑！默认情况下WebView确实不会自动打开这类触发的新窗口，给你几个亲测有效的解决方案：

方案1：监听new-window事件处理外部链接 #

这是最常用的解决方式，你可以在渲染进程里给WebView绑定new-window事件，拦截默认行为后选择用系统浏览器打开，或者在Electron内新建窗口加载链接。

比如渲染进程的代码：

// 获取页面中的webview元素
const webview = document.querySelector('webview');

webview.addEventListener('new-window', (event) => {
  // 阻止WebView的默认空白窗口行为
  event.preventDefault();
  
  // 选项1：用系统默认浏览器打开外部链接（推荐外部网站用这个）
  require('electron').shell.openExternal(event.url);
  
  // 选项2：在Electron内新建BrowserWindow加载链接
  // 注意：Electron 10+需要开启remote模块或者用IPC通信
  // const { BrowserWindow } = require('electron').remote;
  // new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: false } }).loadURL(event.url);
});

如果要使用remote模块，记得在主进程创建窗口时的webPreferences里开启enableRemoteModule: true。

方案2：开启nativeWindowOpen配置 #

你可以直接在WebView标签里设置webpreferences="nativeWindowOpen=true"，让target="_blank"的链接直接触发Electron的窗口创建逻辑，之后还能在主进程里监听新窗口的创建事件来调整配置。

首先修改WebView标签：

<webview src="https://你的外部网站地址" webpreferences="nativeWindowOpen=true"></webview>

然后在主进程里监听窗口创建事件：

const { app } = require('electron');

app.on('browser-window-created', (event, newWindow) => {
  // 自定义新窗口的大小、位置等属性
  newWindow.setSize(800, 600);
  newWindow.center();
});

方案3：注入脚本修改页面链接行为 #

如果上面两种方式都不适用，还可以通过预加载脚本注入到WebView加载的页面中，批量修改所有target="_blank"的链接行为。

第一步，在主进程创建窗口时配置预加载脚本：

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

new BrowserWindow({
  webPreferences: {
    preload: path.join(__dirname, 'preload.js'),
    contextIsolation: true, // 开启上下文隔离，更安全
    sandbox: false
  }
});

第二步，编写preload.js，暴露系统浏览器打开的API并修改页面链接：

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

// 向渲染进程暴露安全的API
contextBridge.exposeInMainWorld('electronAPI', {
  openExternalLink: (url) => shell.openExternal(url)
});

// 页面加载完成后修改所有target="_blank"的链接
document.addEventListener('DOMContentLoaded', () => {
  const blankLinks = document.querySelectorAll('a[target="_blank"]');
  blankLinks.forEach(link => {
    link.addEventListener('click', (e) => {
      e.preventDefault();
      window.electronAPI.openExternalLink(link.href);
    });
    // 也可以直接移除target属性，让链接在当前WebView打开
    // link.removeAttribute('target');
  });
});

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