Chrome Manifest V3扩展动态注入插件脚本失败求助

错误原因拆解 #

1. "无法访问目标主机"错误
   这是调用chrome.scripting.executeScript时未正确指定目标tab信息导致的：

   • 要么没传入合法的tabId，要么target参数范围配置错误，Chrome判定你尝试注入的页面不在权限允许范围内；
   • 若误用页面URL作为目标而非tabId，也会触发该权限错误。

2. "无法加载文件"错误
   chrome.scripting.executeScript的files参数要求传入相对于扩展根目录的本地路径，而非chrome.runtime.getURL()生成的绝对URL。后者是给网页端（如页面内的<script>标签）访问扩展资源用的，和扩展脚本动态注入的逻辑不兼容，因此会加载失败。

正确实现方式 #

1. 优化消息传递与注入逻辑

content_script发送消息时，无需额外传tabId，chrome.runtime.onMessage的sender参数会自动携带当前tab的信息：

// content_script.js
chrome.runtime.sendMessage({ action: "injectPluginsContentScripts" });

service_worker中正确处理注入：

// service_worker.js
chrome.runtime.onMessage.addListener(async (message, sender) => {
  if (message.action !== "injectPluginsContentScripts") return;

  // 从sender获取当前tab的ID（content_script发送消息时自动携带）
  const targetTabId = sender.tab.id;
  if (!targetTabId) {
    console.error("无法获取目标tab ID");
    return;
  }

  try {
    await chrome.scripting.executeScript({
      target: { tabId: targetTabId },
      // 传入相对于扩展根目录的脚本路径，无需web_accessible_resources配置
      files: ["plugins/your-plugin-script.js"]
    });
    console.log("脚本注入成功");
  } catch (error) {
    console.error("注入失败:", error);
  }
});

2. 清理冗余配置

你之前配置的web_accessible_resources是多余的——该配置仅用于让网页自身（而非扩展脚本）访问扩展资源，动态注入的扩展脚本属于扩展作用域，无需此配置，可从manifest.json中移除。

3. 权限验证

确保manifest.json已正确声明必要权限：

{
  "manifest_version": 3,
  "permissions": ["storage", "tabs", "scripting"],
  // 若需要无需用户交互即可注入到google域名页面，添加主机权限
  "host_permissions": ["*://*.google.com/*"]
}

• 若使用activeTab权限替代host_permissions，则需要用户通过点击扩展图标等交互动作后，才能完成注入。

核心要点总结 #

• 动态注入扩展脚本依赖chrome.scripting.executeScript，files参数用相对路径，不要用chrome.runtime.getURL生成的URL；
• 注入时必须通过tabId指定目标页面，可直接从消息的sender对象获取；
• web_accessible_resources与扩展脚本注入无关，无需配置。

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