Chrome中JavaScript Deeplinking失效，弹窗异常问题求助

问题分析 #

你遇到的是Chrome对App Schema跳转的特殊处理逻辑问题：直接通过window.location跳转Schema时，若App未安装，Chrome会先弹出授权提示，授权后又弹出应用无法打开的错误，且后续跳应用商店的代码不会执行——因为跳转Schema的操作会阻塞代码流程，错误弹窗也会打断后续逻辑。而Safari的处理更友好，会自动在跳转失败时 fallback 到应用商店。

你的现有代码还存在语法错误：appLink = "mobile schema url; 字符串未闭合，还有多余的闭合大括号}，这也会导致逻辑异常。

修正方案 #

核心思路是用iframe尝试跳转Schema（避免弹出错误弹窗），配合定时器判断是否跳转成功，失败则跳转应用商店。具体代码如下：

// 配置链接
const appSchema = "your-mobile-schema-url"; // 替换为你的App Schema
const appStoreUrl = "your-app-store-url"; // 替换为应用商店链接

// 创建iframe尝试跳转Schema
function tryOpenApp() {
  const iframe = document.createElement('iframe');
  iframe.style.display = 'none';
  iframe.src = appSchema;
  document.body.appendChild(iframe);

  // 设置定时器，若一段时间后页面未跳转，说明App未安装
  setTimeout(() => {
    document.body.removeChild(iframe);
    window.location.href = appStoreUrl;
  }, 1000); // 1秒足够判断是否跳转成功，可根据需求调整
}

// 触发跳转（比如绑定到点击事件）
tryOpenApp();

额外注意事项 #

• 针对Chrome Android：部分版本可能需要用户手动允许“打开应用”的权限，可在页面上添加提示引导用户授权。
• 针对Chrome iOS：由于系统限制，iframe跳转Schema可能失效，可改用window.location.href，但需要做好错误提示引导，或者结合navigator.standalone判断是否在PWA环境。
• 原代码中的feature判断逻辑要保留的话，记得修正语法错误，确保字符串闭合、大括号配对正确。

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