如何识别未经过导航打开的初始about:blank页面？

解决思路 #

通过重写主窗口的window.open方法记录调用类型，主进程将该标识传递给新创建的窗口，最终在新窗口的预加载脚本中读取标识完成区分，完全满足DOM加载前判断的需求。

实现步骤 #

1. 主窗口预加载脚本：拦截window.open并记录调用类型 #

在主窗口的预加载脚本中，重写原生window.open，判断是否是显式传入about:blank，并通过IPC通知主进程：

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

// 保存原生window.open方法
const originalOpen = window.open;
window.open = function(url, target, features) {
  // 标记当前调用是否为显式传入about:blank
  const isExplicitBlank = url === 'about:blank';
  ipcRenderer.send('record-open-type', isExplicitBlank);
  return originalOpen.call(window, url, target, features);
};

2. 主进程：传递标识到新窗口 #

在主进程中，监听IPC事件记录调用类型，创建新窗口时通过命令行参数传递该标识：

const { app, BrowserWindow, ipcMain } = require('electron');
let lastOpenIsExplicitBlank = false;

// 接收预加载脚本传递的调用类型
ipcMain.on('record-open-type', (_, isExplicit) => {
  lastOpenIsExplicitBlank = isExplicit;
});

app.on('web-contents-created', (_, contents) => {
  contents.on('new-window', (event, url, _, __, options) => {
    event.preventDefault();
    // 将标识作为命令行参数传递给新窗口
    options.additionalArguments = [`--explicit-blank=${lastOpenIsExplicitBlank}`];
    const newWin = new BrowserWindow(options);
    newWin.loadURL(url);
    // 重置状态，避免影响后续窗口判断
    lastOpenIsExplicitBlank = false;
  });
});

3. 新窗口预加载脚本：读取标识完成区分 #

在新窗口的预加载脚本（DOM加载前运行）中，解析命令行参数即可区分两种about:blank：

// 从命令行参数中提取标识
const isExplicitBlank = process.argv.some(arg => arg === '--explicit-blank=true');

// 业务逻辑中使用该变量判断
if (isExplicitBlank) {
  console.log('这是显式调用window.open(\'about:blank\')打开的页面');
} else {
  console.log('这是window.open默认打开的初始about:blank页面');
}

补充说明 #

• 该方案仅对window.open添加记录逻辑，不会破坏原有功能，兼容性强。
• 标识传递过程完全在Electron内部完成，无需依赖外部资源。

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