如何让chrome.scripting.registerContentScripts立即生效？

chrome.scripting.registerContentScripts的设计逻辑是仅对后续加载的页面生效，要让它对当前已打开的标签页立即生效，需要结合chrome.scripting.executeScript处理现有页面，同时保留前者自动应用新标签、可注销的优势。

具体实现分两步：

1. 注册持久化内容脚本
   这一步保证新打开的标签页会自动加载脚本，并且后续可以通过chrome.scripting.unregisterContentScripts({ids: ['content-bundle']})注销。

2. 手动注入到当前所有符合规则的标签页
   通过chrome.tabs.query获取当前所有活跃的标签页，再用executeScript逐个注入脚本，让现有页面立即生效。

完整代码示例：

// 1. 注册持久化内容脚本
chrome.scripting.registerContentScripts([{
  js: ['content.bundle.js'],
  matches: ['<all_urls>'],
  id: 'content-bundle'
}])
.then(() => {
  // 2. 获取当前所有符合匹配规则的标签页
  return chrome.tabs.query({url: '<all_urls>'});
})
.then(tabs => {
  // 对每个标签页执行脚本注入
  const injectPromises = tabs.map(tab => {
    if (tab.id) {
      return chrome.scripting.executeScript({
        target: {tabId: tab.id},
        files: ['content.bundle.js']
      });
    }
    return Promise.resolve();
  });
  return Promise.all(injectPromises);
})
.catch(err => {
  console.error('处理内容脚本时出错:', err);
});

注意事项：

• 确保扩展拥有scripting和tabs权限，并且在manifest.json中正确声明
• 注入时要过滤掉没有tab.id的异常标签页（如特殊系统标签）
• 如果你的匹配规则不是<all_urls>，要同步修改chrome.tabs.query中的url参数

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