Chrome扩展开发：能否动态创建或注入manifest.json文件

首先明确：Chrome扩展的manifest.json是扩展的静态配置文件，一旦扩展打包安装后无法动态修改或注入，你的需求完全可以通过Chrome提供的动态内容脚本注册API实现，不需要修改manifest文件。

Manifest V3 实现方案 #

目前Chrome官方主推Manifest V3版本，以下是具体实现步骤：

• 第一步：在manifest.json中声明必要权限
  提前在静态manifest中注册脚本操作权限和域名访问权限，示例配置如下：

{
  "manifest_version": 3,
  "name": "动态规则扩展",
  "version": "1.0",
  "permissions": ["scripting", "storage"],
  "host_permissions": ["<all_urls>"],
  "background": {
    "service_worker": "background.js"
  }
}

如果不需要匹配所有站点，可以把host_permissions里的<all_urls>替换为你实际需要用到的域名通配符。

• 第二步：后台拉取规则并注册动态脚本
  在扩展的后台service worker中，拿到用户/团队信息后请求后端规则，调用官方API完成脚本注册，示例代码如下：

// background.js 示例逻辑
async function initDynamicScripts() {
  // 1. 采集当前用户信息，请求后端返回对应脚本规则
  const userInfo = {
    username: "当前登录用户",
    team: "用户所属团队"
  };
  // 后端返回规则示例格式：
  // [{id: "content1", js: ["content1.js"], matches: ["*://url1.com/*", "*://url2.com/*", "*://url3.com/*"]},
  // {id: "content2", js: ["content2.js"], matches: ["*://url4.com/*", "*://url5.com/*", "*://url6.com/*"]}]
  const scriptRules = await fetch("后端接口地址", {
    method: "POST",
    body: JSON.stringify(userInfo)
  }).then(res => res.json());

  // 2. 清理已有旧规则，避免重复注册冲突
  const oldScripts = await chrome.scripting.getRegisteredContentScripts();
  if (oldScripts.length) {
    await chrome.scripting.unregisterContentScripts({
      ids: oldScripts.map(item => item.id)
    });
  }

  // 3. 注册新的动态内容脚本
  await chrome.scripting.registerContentScripts(scriptRules);
}

// 扩展安装、启动时触发规则加载
chrome.runtime.onInstalled.addListener(initDynamicScripts);
chrome.runtime.onStartup.addListener(initDynamicScripts);

• 第三步：规则更新处理
  如果后端权限规则发生变化，你可以在用户重新登录、或者设置定时任务重新拉取规则，重复执行上面的清理+注册逻辑即可完成配置更新，不需要修改扩展文件也不需要重启浏览器。

注意事项 #

• 所有要注入的内容脚本必须提前打包在扩展安装包内，Chrome出于安全限制禁止动态加载未打包的外部脚本，刚好符合你所有脚本均存储在代码仓库的要求。
• 注册脚本的ID必须全局唯一，重复ID会导致注册失败，每次更新规则前先清理旧规则是更稳妥的处理方式。
• 如果你使用的是已经逐步淘汰的Manifest V2版本，可以用chrome.contentScripts.register API实现相同逻辑，不过更建议直接升级到Manifest V3版本。

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