Electron 35中preload.ts的DOMContentLoaded监听器窗口关闭时是否需手动移除？

监听器是否自动移除？ #

当Electron次级窗口关闭时，对应渲染进程会被销毁，绑定在该窗口document上的DOMContentLoaded事件监听器会自动被垃圾回收，无需手动移除。

但如果监听器内部持有外部强引用（比如主进程对象、全局变量或其他不会被销毁的资源），就可能引发内存泄漏——此时即使窗口关闭，被引用的对象也无法被正常回收。

手动移除的操作方式（若需） #

如果需要在窗口未关闭时主动取消监听，或者为了彻底避免潜在引用问题，可以按以下步骤操作：

• 将监听器定义为具名函数，而非匿名函数：

  // preload.ts
  function handleDOMContentLoaded() {
    // 你的监听逻辑代码
  }
  document.addEventListener('DOMContentLoaded', handleDOMContentLoaded);
  

• 在合适的时机（比如窗口关闭前的beforeunload事件中）调用移除方法：

  window.addEventListener('beforeunload', () => {
    document.removeEventListener('DOMContentLoaded', handleDOMContentLoaded);
  });
  

内存泄漏排查要点 #

结合你的环境（Windows 11 64位、Electron 35.0.0），排查时可以侧重：

• 检查监听器内部是否使用了ipcRenderer.on这类持久化监听，这类监听若未通过ipcRenderer.removeListener移除，可能导致渲染进程相关对象无法回收
• 利用Electron开发者工具的内存面板，对比窗口关闭前后的内存快照，定位未被回收的对象
• 确保窗口关闭时，主动清理渲染进程中持有的外部资源（如WebSocket连接、定时器、第三方库实例等）

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