Electron中如何将主进程的值打印到渲染进程DevTools？

你可以通过Electron的IPC机制实现自定义日志函数，让主进程的对象传递到渲染进程后，在DevTools中打印并展开查看。以下是具体实现步骤：

1. 主进程实现自定义日志函数 #

在主进程代码中，创建全局可调用的myConsole.log函数，通过IPC将对象发送到渲染进程：

// 主进程 main.js
const { ipcMain } = require('electron');

// 挂载自定义日志函数到全局
global.myConsole = {
  log: (targetObj) => {
    // 确保主窗口已初始化（这里假设你的主窗口变量为mainWindow，需根据实际代码调整）
    if (global.mainWindow) {
      // 通过IPC通道发送对象到渲染进程
      global.mainWindow.webContents.send('main-process-log', targetObj);
    }
  }
};

// 示例调用：打印主进程专属对象
myConsole.log({
  appVersion: require('electron').app.getVersion(),
  systemInfo: process.platform,
  nestedData: {
    key: '主进程私有数据',
    list: [1, 2, 3]
  }
});

2. 渲染进程监听IPC并打印到DevTools #

在渲染进程代码中，监听主进程发来的IPC事件，收到对象后直接用console.log输出到DevTools：

// 渲染进程 renderer.js
const { ipcRenderer } = require('electron');

// 监听主进程的日志事件
ipcRenderer.on('main-process-log', (_, obj) => {
  // 在DevTools中打印，支持展开嵌套结构
  console.log('[主进程对象]', obj);
});

额外说明 #

• 确保调用myConsole.log时，主窗口已经完成初始化（比如在app.whenReady()之后创建窗口再调用），否则会因窗口未就绪导致发送失败。
• 如果你的应用有多窗口，可以针对特定窗口的webContents发送IPC消息，而非全局主窗口。
• 若对象存在循环引用，Electron的IPC会自动处理序列化（无需手动JSON.stringify），但极端复杂的对象可能需要提前处理循环引用问题。
• 也可以用webContents.executeJavaScript直接在渲染进程执行打印，但这种方式会丢失函数、Symbol等无法JSON序列化的内容，不如IPC方式可靠。

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