Chrome扩展：页面遮挡时内容脚本setInterval节流问题解决方案咨询

方法1：使用扩展后台的chrome.alarms API（推荐） #

Chrome的chrome.alarms API不受页面遮挡/非活跃状态的定时器节流影响，可在扩展后台脚本中稳定触发定时任务，再通过消息通信通知目标页面的内容脚本执行操作：

• 在扩展manifest.json中添加"alarms"权限；
• 后台脚本中注册每秒触发的闹钟：

  // background.js
  chrome.alarms.create('checkStopwatch', { periodInMinutes: 1/60 }); // 每秒触发一次
  chrome.alarms.onAlarm.addListener((alarm) => {
    if (alarm.name === 'checkStopwatch') {
      // 向匹配目标网页的标签页发送消息
      chrome.tabs.query({ url: '目标网页的URL规则' }, (tabs) => {
        tabs.forEach(tab => {
          chrome.tabs.sendMessage(tab.id, { action: 'checkStopwatch' });
        });
      });
    }
  });
  

• 内容脚本中监听消息，收到后立即读取秒表数值并处理：

  // content.js
  chrome.runtime.onMessage.addListener((message) => {
    if (message.action === 'checkStopwatch') {
      const stopwatchText = document.querySelector('秒表元素选择器').textContent;
      // 解析MM:SS为秒数，判断是否触发按钮
      const [minutes, seconds] = stopwatchText.split(':').map(Number);
      const totalSeconds = minutes * 60 + seconds;
      if (totalSeconds === 目标值) {
        document.querySelector('状态切换按钮选择器').click();
      }
    }
  });
  

这个方案完全规避了页面内定时器的节流问题，且仅针对目标网页生效。

方法2：监听秒表元素的DOM变化（更高效） #

如果秒表数值是通过更新DOM元素显示的，可使用MutationObserver监听该元素的文本变化，无需定时轮询：

// content.js
const stopwatchEl = document.querySelector('秒表元素选择器');
const observer = new MutationObserver((mutations) => {
  mutations.forEach(mutation => {
    if (mutation.type === 'characterData' || mutation.type === 'childList') {
      const stopwatchText = stopwatchEl.textContent.trim();
      const [minutes, seconds] = stopwatchText.split(':').map(Number);
      const totalSeconds = minutes * 60 + seconds;
      if (totalSeconds === 目标值) {
        document.querySelector('状态切换按钮选择器').click();
      }
    }
  });
});
// 配置监听选项
observer.observe(stopwatchEl, { 
  characterData: true, 
  childList: true, 
  subtree: true 
});

此方法无需依赖定时器，仅在秒表数值实际更新时触发检查，既不受节流影响，也更节省资源。

为什么内容脚本的setInterval会被节流 #

Chrome对非活跃标签页、被遮挡页面的JS定时器会施加节流策略，将setInterval/setTimeout的最小触发间隔限制为1分钟左右，以节省系统资源。而扩展后台脚本的定时器（或chrome.alarms）属于扩展进程，不受页面状态的节流限制。

关于全局设置的替代 #

你提到的禁用Calculate window occlusion on Windows属于全局设置，会影响所有网页的性能优化，不建议使用。上述两种方案均仅针对目标网页生效，不会产生全局性能问题。

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