如何程序化获取Chrome扩展ID？本地网页如何与私有扩展交互？

嘿，这个场景我之前也碰到过，来给你梳理下可行的解决思路：

能不能程序化获取扩展ID？ #

直接说结论：普通本地网页没办法主动获取未上架扩展的ID——这是Chrome安全模型的限制，防止恶意网页随意扫描用户安装的扩展。但如果这个扩展是你自己开发的，或者你有权修改它的代码，就有办法让网页拿到ID：

• 让扩展主动推送ID给网页：
  扩展可以在启动时，通过chrome.runtime.id拿到自己的ID，然后主动给当前活跃的本地网页发送消息。或者等网页先发起请求，扩展在响应时带上自己的ID（这个更可控）。
• 扩展暴露静态资源页供网页读取：
  在扩展里新建一个简单的HTML页面（比如id.html），里面的JS直接输出chrome.runtime.id，然后本地网页通过iframe加载这个页面，再用postMessage获取ID。不过这种方式同样需要配置扩展的权限允许网页访问。

其他程序化与扩展交互的方式 #

如果不想依赖手动复制ID，最靠谱的方案是利用Chrome的externally_connectable配置，让网页和扩展建立合法的通信通道：

步骤1：配置扩展的manifest文件 #

在扩展的manifest.json里添加externally_connectable字段，明确允许你的本地网页和扩展通信。比如针对file://协议的本地页面，配置如下（以Manifest V3为例）：

{
  "manifest_version": 3,
  "name": "你的扩展名称",
  "version": "1.0",
  "background": {
    "service_worker": "background.js"
  },
  "externally_connectable": {
    "matches": ["file:///*"] // 允许所有本地网页，也可以写更精确的路径，比如file:///C:/Projects/MyLocalPage/*
  }
}

步骤2：扩展端监听外部消息 #

在扩展的background.js里添加监听外部消息的逻辑，当网页请求ID时返回自己的ID，同时处理其他交互请求：

chrome.runtime.onMessageExternal.addListener((message, sender, sendResponse) => {
  // 处理网页的ID请求
  if (message.type === "request_extension_id") {
    sendResponse({ extensionId: chrome.runtime.id });
    return;
  }

  // 处理其他交互需求，比如你原本要执行的逻辑
  if (message.type === "do_something") {
    // 你的业务代码
    sendResponse({ result: "操作完成" });
  }
});

步骤3：网页端发起通信 #

本地网页先请求扩展ID，拿到ID后再进行后续交互：

// 先请求扩展ID
chrome.runtime.sendMessage(undefined, { type: "request_extension_id" }, (response) => {
  if (response?.extensionId) {
    const targetExtensionId = response.extensionId;
    // 用拿到的ID和扩展进行后续交互
    chrome.runtime.sendMessage(targetExtensionId, { type: "do_something" }, (result) => {
      console.log("扩展返回结果：", result);
      // 你的后续代码
    });
  } else {
    console.error("无法获取扩展ID，请检查扩展是否安装并配置了externally_connectable");
  }
});

注意事项 #

• 未上架Chrome商店的扩展需要用户在Chrome的扩展设置里开启「开发者模式」并允许运行，否则无法和网页通信。
• 如果你的本地网页是通过HTTP服务器运行的（比如http://localhost:8080），记得把对应的URL添加到externally_connectable.matches里。
• Manifest V2和V3的API有差异，比如V2用background.page而不是service_worker，代码需要对应调整。

如果没办法修改扩展的代码，那很遗憾，只能继续手动复制ID——因为Chrome的安全限制不允许普通网页主动扫描或获取未授权扩展的信息。

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