如何从浏览器扩展后台脚本向匹配URL的所有框架注入内容脚本？

当然可以实现！你当前的代码只会把内容脚本注入到标签页的主框架里，要覆盖所有匹配URL的嵌套框架（比如iframe），只需要给chrome.tabs.executeScript添加一个关键参数：allFrames: true。

这个参数的作用是告诉Chrome，要把脚本注入到目标标签页的所有框架中，而不仅仅是最顶层的主框架。同时，结合你原本的url过滤条件，它只会注入那些URL匹配https://*.example.com/*的框架，完全符合你的需求。

修改后的代码示例： #

chrome.tabs.query({ status: 'complete', url: 'https://*.example.com/*' }, function (tabs) {
  tabs.forEach(function (tab) {
    chrome.tabs.executeScript(tab.id, {
      file: 'content-script.js',
      runAt: 'document_idle',
      allFrames: true // 新增这个参数，注入所有框架
    });
  });
});

额外注意事项： #

• 确保你的扩展manifest.json中声明的host_permissions已经包含了目标框架的URL（也就是https://*.example.com/*），否则Chrome会拒绝注入请求。
• 如果你的内容脚本需要注入到about:blank或者about:srcdoc这类空白框架里（且这些框架的父页面匹配你的URL），可以再加上matchAboutBlank: true参数，但这一步不是必须的，除非你有这类场景需求。
• runAt: 'document_idle'的设置依然适用，它会确保脚本在DOM加载完成后再注入，避免出现DOM操作相关的问题。

这样修改后，扩展安装后不仅主页面会激活，页面内所有匹配URL的嵌套框架也会自动注入内容脚本，无需额外刷新。

内容的提问来源于stack exchange，提问作者Martin Ždila