如何从其他URL向指定URL注入content script？

这是完全可行的，核心思路是不局限于当前标签页，而是主动查询所有匹配目标URL的标签页，再对这些标签页注入脚本，以下是具体实现步骤和代码修改：

1. 配置必要权限 #

首先在扩展的manifest.json中声明所需权限，确保能查询标签页并向目标URL注入脚本：

{
  "permissions": ["scripting", "tabs"],
  "host_permissions": ["https://目标域名.com/*"] // 替换为你要注入的目标URL范围
}

2. 修改注入逻辑代码 #

替换原有的当前标签注入逻辑，改为查询目标URL标签页并批量注入：

document.getElementById("injectButton").addEventListener("click", async function () {
  // 替换为你需要注入的目标URL匹配规则
  const targetUrlPattern = "https://目标域名.com/*";

  try {
    // 查询所有符合URL规则的标签页
    const targetTabs = await chrome.tabs.query({ url: targetUrlPattern });

    if (targetTabs.length === 0) {
      console.error("未找到匹配目标URL的标签页");
      return;
    }

    // 遍历匹配的标签页，逐一注入脚本
    for (const tab of targetTabs) {
      await chrome.scripting.executeScript({
        target: { tabId: tab.id },
        files: ["content_script.js"],
      });
      console.log(`已向标签页ID ${tab.id} 注入脚本`);
    }
  } catch (error) {
    console.error("脚本注入失败:", error);
  }
});

3. 可选：自动打开目标标签页并注入 #

如果需要在没有目标标签页时自动创建并注入，可以补充以下逻辑：

// 当未找到目标标签页时，自动打开并注入
if (targetTabs.length === 0) {
  const newTab = await chrome.tabs.create({ url: "https://目标域名.com" });
  // 等待标签页加载完成后再注入（可选，若脚本依赖页面DOM则建议添加）
  await chrome.tabs.onUpdated.when(newTab.id, { status: "complete" });
  await chrome.scripting.executeScript({
    target: { tabId: newTab.id },
    files: ["content_script.js"],
  });
}

关键注意事项 #

• 目标URL的host_permissions必须准确配置，否则无法查询对应标签页或注入脚本
• 如果你的content script需要访问页面上下文，可以在executeScript中添加world: "MAIN"参数
• 若脚本依赖页面DOM，建议在content script内部监听DOMContentLoaded事件，或等待标签页status变为complete后再注入

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