Chrome扩展chrome.app.isInstalled替代方案咨询：Manifest V2下扩展安装状态检查方法

好问题！确实Chrome后续版本彻底移除了chrome.app相关API，之前依赖它检测扩展安装状态的方法自然失效了。这里给你几个靠谱的替代方案，都是目前主流的实现方式：

方案1：使用chrome.runtime.sendMessage通信检测（最可靠） #

这是Chrome官方推荐的标准方案，通过网页与扩展之间的消息通信来判断扩展是否存在。原理是：如果扩展已安装并启用，会响应网页发送的消息；如果未安装/未启用，消息发送会触发错误回调。

步骤1：网页端（或内容脚本）的检测代码 #

// 替换成你的扩展ID，可在扩展管理页面查看
const EXTENSION_ID = "your_extension_unique_id";

chrome.runtime.sendMessage(EXTENSION_ID, { action: "check_installation" }, (response) => {
  if (chrome.runtime.lastError) {
    // 扩展未安装、未启用，或无法建立通信
    console.log("扩展未安装或未启用");
    // 这里处理未安装的逻辑
  } else {
    // 扩展已安装并正常响应
    console.log("扩展已安装");
    // 执行你的业务逻辑
  }
});

步骤2：扩展端配置与监听 #

需要在扩展的manifest.json中添加externally_connectable配置，允许目标网页与扩展通信：

{
  "manifest_version": 2,
  // ...其他配置
  "externally_connectable": {
    "matches": ["https://your-target-website.com/*"] // 允许通信的网页域名
  }
}

然后在扩展的background.js中添加消息监听：

chrome.runtime.onMessageExternal.addListener((message, sender, sendResponse) => {
  if (message.action === "check_installation") {
    // 确认身份后返回响应
    sendResponse({ status: "installed" });
  }
});

方案2：注入DOM标识元素（简单场景适用） #

如果是你自己控制的网站，可以让扩展的内容脚本在页面中注入一个隐藏的DOM元素，网页通过检测该元素是否存在来判断扩展状态。

扩展内容脚本代码 #

// 注入一个隐藏的标识元素
const extensionMarker = document.createElement('div');
extensionMarker.id = "my-extension-installed-flag";
extensionMarker.style.display = "none";
document.body.appendChild(extensionMarker);

网页端检测代码 #

// 检测标识元素是否存在
if (document.getElementById("my-extension-installed-flag")) {
  console.log("扩展已安装");
  // 执行你的逻辑
} else {
  console.log("扩展未安装");
}

注意：这个方案的局限性是，如果用户禁用了扩展的内容脚本，或者扩展未在当前页面注入脚本，会导致检测结果不准确，适合对精度要求不高的简单场景。

方案3：内容脚本内直接判断（针对扩展自身逻辑） #

如果你的检测代码是在扩展自己的内容脚本中运行，其实根本不需要额外检测——因为内容脚本能运行，就说明扩展已经安装并启用了。你可以直接简化逻辑：

// 内容脚本中直接执行逻辑，无需检测
console.log("扩展已安装，执行内容脚本逻辑");
// do something...

这些方案里，方案1是兼容性最好、最可靠的，无论是Manifest V2还是V3都适用；方案2适合快速实现简单场景；方案3则是针对扩展自身内容脚本的最优解。你可以根据自己的实际需求选择～

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