Electron 26预加载阶段如何设置window对象属性？

当然可以，而且这正是Electron开启contextIsolation=true时的标准适配场景。你需要用Electron官方提供的contextBridgeAPI在预加载脚本中安全暴露全局函数，这个方案能确保函数在网页脚本执行前就挂载到window上，完全适配内嵌网站提前调用的需求。

具体实现步骤： #

1. 修改预加载脚本，用contextBridge暴露函数
   预加载脚本的执行时机是渲染器进程启动后、网页脚本运行前，刚好能覆盖你的调用场景。替换原来直接修改window的代码：

   // preload.js
   const { contextBridge } = require('electron');
   
   // 定义你要暴露的函数逻辑
   const testFunction = () => {
     // 这里可以写和主进程通信的逻辑，比如调用ipcRenderer
     // 示例：return ipcRenderer.invoke('some-channel')
     console.log('testFunction 被调用');
   };
   
   // 安全地将函数注入到网页的全局上下文
   contextBridge.exposeInMainWorld('testFunction', testFunction);
   

2. 确保BrowserWindow配置正确
   确认窗口配置中指定了预加载脚本，同时保持安全设置：

   // main.js
   const { BrowserWindow, app } = require('electron');
   const path = require('path');
   
   const createWindow = () => {
     const win = new BrowserWindow({
       width: 800,
       height: 600,
       webPreferences: {
         contextIsolation: true, // Electron 12+默认开启，显式声明更清晰
         nodeIntegration: false,
         preload: path.join(__dirname, 'preload.js') // 务必指定正确的预加载脚本路径
       }
     });
   
     win.loadURL('你的内嵌网站地址');
   };
   
   app.whenReady().then(createWindow);
   

为什么这个方案可行： #

• 预加载脚本运行在独立的隔离上下文，但contextBridge能安全地将函数同步到网页的全局window对象中，完全符合Electron的安全规范。
• 预加载脚本的执行时机早于网页的任何初始化脚本（包括DOM就绪前的代码），所以内嵌网站调用window.testFunction时不会出现未定义的问题。

之前的方法为什么失效： #

• 开启contextIsolation=true后，预加载脚本的上下文和网页脚本的上下文完全隔离，直接修改window属性不会同步到网页的全局环境。
• dom-ready事件触发时，网页的初始化脚本可能已经执行完毕，导致函数挂载晚于调用时机。

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