如何用JavaScript检测系统中是否安装自定义应用？

这个场景确实挺头疼的——浏览器出于安全和隐私限制，完全禁止前端直接访问系统注册表或应用安装状态，我们只能通过间接的页面行为来判断自定义URI是否能被处理。先聊聊你之前两种方法的问题，再给你一个更可靠的实现思路：

为什么你之前的方法行不通？ #

• 方法一的定时器总会执行：浏览器不会向JS暴露URI是否成功打开的状态，哪怕应用已经启动，定时器到点还是会触发，因为它没法感知到系统层面的应用启动事件。
• 方法二的兼容性极差：NS_ERROR_UNKNOWN_PROTOCOL是Firefox独有的错误，Chrome、Edge等其他浏览器在遇到未注册的URI时根本不会抛出这个异常，所以这个逻辑在大部分浏览器里都失效。

基于页面状态变化的解决方案 #

目前唯一能绕过浏览器限制的思路是：利用应用启动时会抢夺系统焦点这个特性，结合用户手势（浏览器要求触发自定义URI必须有用户交互，比如点击）和页面可见性/焦点事件来判断。

这里给你一个经过验证的实现代码：

// 给触发按钮绑定点击事件（必须是用户主动交互，不能自动执行）
document.querySelector('#launch-myapp-btn').addEventListener('click', async () => {
  let appLaunched = false;
  const timeoutDelay = 1800; // 可根据应用启动速度调整，一般1.5-2秒足够

  // 监听页面可见性变化：如果页面被隐藏，说明应用大概率启动了
  const handleVisibilityChange = () => {
    if (document.hidden) {
      appLaunched = true;
      clearTimeout(launchTimeout);
      console.log('✅ 应用已成功启动');
      // 这里执行你的成功回调逻辑
      document.removeEventListener('visibilitychange', handleVisibilityChange);
    }
  };
  document.addEventListener('visibilitychange', handleVisibilityChange);

  // 尝试打开自定义URI
  window.location.href = 'myapp://anything';

  // 设置超时逻辑：如果超时后还没检测到页面隐藏，说明应用未安装
  const launchTimeout = setTimeout(() => {
    if (!appLaunched) {
      console.log('❌ 应用未安装或无法启动');
      // 这里执行你的失败回调逻辑，比如引导用户下载安装包
      document.removeEventListener('visibilitychange', handleVisibilityChange);
    }
  }, timeoutDelay);

  // 额外处理：用户关闭浏览器的"无法打开URI"提示框时，页面会重新获得焦点
  const handleFocus = () => {
    if (!appLaunched) {
      clearTimeout(launchTimeout);
      console.log('❌ 用户取消了启动操作或应用未安装');
      // 执行失败逻辑
      window.removeEventListener('focus', handleFocus);
      document.removeEventListener('visibilitychange', handleVisibilityChange);
    }
  };
  setTimeout(() => window.addEventListener('focus', handleFocus), 100);
});

这个方案的工作原理 #

1. 用户手势要求：必须在用户点击等主动交互中触发，否则浏览器会直接拦截自定义URI的调用（就是你看到的"Not allowed to launch... because a user gesture is required"日志）。
2. 页面可见性检测：如果自定义URI对应的应用存在，系统会切换到该应用，当前浏览器页面会被隐藏（document.hidden变为true），我们通过这个事件标记应用已启动。
3. 超时兜底：如果超时后页面仍未被隐藏，说明系统找不到处理该URI的应用，执行失败逻辑。
4. 焦点回退处理：部分浏览器在遇到未注册的URI时会弹出提示框，用户关闭提示后页面会重新获得焦点，我们通过这个事件也能判断应用未启动。

局限性说明 #

• 不同浏览器的行为可能略有差异，比如某些浏览器在弹出提示框时页面不会失去焦点，这时候需要微调超时时间。
• 如果你的自定义URI被其他应用注册了，这个方案会误判为应用已安装，但这是浏览器限制下无法避免的情况——前端根本没法知道是哪个应用处理了URI。

另外你提到的控制台日志，这些是浏览器的内部输出，前端JS没有权限捕获，所以只能通过页面状态变化这种间接方式来判断，这也是目前业内通用的解决方案。

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