Electron中如何在loadUrl前在BrowserView中运行代码？

1. 直接在主进程设置Cookie（无竞态风险） #

Cookie 属于浏览器会话层，可以直接通过 Electron 的 session API 在主进程中提前配置，完全不需要依赖页面上下文，从根源避免竞态：

// 主进程代码
const { session } = require('electron');

// 配置目标域名的Cookie
session.defaultSession.cookies.set({
  url: 'https://your-target-domain.com', // 必须指定完整协议+域名
  name: 'auth_token',
  value: 'your-token-value',
  path: '/',
  expires: Date.now() + 24 * 3600 * 1000 // 24小时后过期
}).then(() => {
  // Cookie设置完成后再触发页面加载
  console.log('Cookie注入成功');
}).catch(err => {
  console.error('Cookie注入失败:', err);
});

2. 确保LocalStorage在页面加载前注入 #

LocalStorage 属于渲染进程上下文，必须在页面脚本初始化前完成注入，推荐两种可靠方式：

方式一：通过空白页中转阻塞加载 #

先加载空白页完成LocalStorage注入，再跳转目标URL，彻底避免竞态：

// 主进程代码
const { BrowserView } = require('electron');

const view = new BrowserView();
const targetUrl = 'https://your-target-domain.com';

// 先加载空白页
view.webContents.loadURL('about:blank').then(() => {
  // 注入LocalStorage
  return view.webContents.executeJavaScript(`
    localStorage.setItem('user_preference', 'dark_mode');
    localStorage.setItem('last_visit', Date.now().toString());
  `);
}).then(() => {
  // 注入完成后加载目标页面
  view.webContents.loadURL(targetUrl);
}).catch(err => {
  console.error('LocalStorage注入失败:', err);
});

方式二：拦截初始导航并注入 #

通过拦截will-navigate事件，阻止默认加载，完成注入后再手动跳转：

// 主进程代码
const { BrowserView } = require('electron');

const view = new BrowserView();
const targetUrl = 'https://your-target-domain.com';
let isFirstLoad = true;

// 拦截第一次导航
view.webContents.on('will-navigate', (event, url) => {
  if (isFirstLoad && url === targetUrl) {
    event.preventDefault(); // 阻止默认加载
    // 注入LocalStorage后跳转
    view.webContents.executeJavaScript(`
      localStorage.setItem('user_preference', 'dark_mode');
      window.location.href = '${targetUrl}';
    `).then(() => {
      isFirstLoad = false;
    });
  }
});

// 触发初始导航
view.webContents.loadURL(targetUrl);

3. 完整组合方案（Cookie+LocalStorage） #

如果需要同时配置两者，按顺序执行即可：

// 主进程代码
const { session, BrowserView } = require('electron');

const targetUrl = 'https://your-target-domain.com';
const view = new BrowserView();

// 1. 先设置Cookie
session.defaultSession.cookies.set({
  url: targetUrl,
  name: 'auth_token',
  value: 'your-token-value',
  path: '/'
})
// 2. 加载空白页注入LocalStorage
.then(() => view.webContents.loadURL('about:blank'))
.then(() => view.webContents.executeJavaScript(`
  localStorage.setItem('user_preference', 'dark_mode');
`))
// 3. 加载目标页面
.then(() => view.webContents.loadURL(targetUrl))
.catch(err => console.error('初始化失败:', err));

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