Angular+Electron+RxJS应用定时器异常：间隔变1分钟，开DevTools恢复

核心原因：Electron/Chromium的后台定时器节流机制 #

当Electron窗口处于非活跃状态（比如失去焦点、被最小化）且未打开开发者工具时，Chromium内核会自动对后台页面的定时器进行资源节流——所有间隔小于1分钟的定时器，会被强制调整为1分钟触发一次，目的是减少后台进程的CPU和内存占用。这就是你看到定时器间隔从10秒变成1分钟的直接原因。

而打开开发者工具后，Chromium会判定页面处于调试状态，自动关闭这种节流机制，所以定时器会恢复到你设置的10秒间隔，直到窗口再次进入后台且关闭DevTools。

另外注意你的代码里timer(1 * 1000, 10)的第二个参数是周期，单位是毫秒——你实际写的是10毫秒，这显然和你描述的“10秒”不符，应该是笔误，正确的10秒周期应该是timer(1000, 10000)，不过这个笔误不影响节流机制触发的逻辑。

解决办法 #

1. 禁用Electron后台节流
   在创建BrowserWindow时，添加backgroundThrottling: false配置，彻底关闭后台定时器节流：

const mainWindow = new BrowserWindow({
  // 其他配置
  webPreferences: {
    backgroundThrottling: false,
    // 其他webPreferences配置
  }
});

这个设置会让窗口即使在后台运行，也保持定时器的正常触发间隔，但会增加一定的资源消耗，根据你的业务场景权衡使用。

2. 调整定时器周期（可选）
   如果业务允许，可以将定时器周期设置为1分钟及以上，这样不会触发Chromium的节流规则，但这显然不符合你“每10秒拉取更新”的需求，仅作为备选方案。

3. 确认RxJS订阅稳定性
   虽然核心问题是Electron的节流，但也可以检查订阅是否存在泄漏（比如未在组件销毁时取消订阅），不过结合你打开DevTools就恢复的现象，这个因素的影响极小。

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