网页自动跳转无法打开Android/iOS应用或应用商店APP的问题咨询

Android 端修复 #

你当前使用的自定义Intent格式不符合Google Play的唤起规范，要直接打开商店APP，应该用官方的market://协议，替换成你应用的包名即可：

if(OSName == "Android"){
    // 替换为你的应用包名，比如Instagram的包名是com.instagram.android
    const marketUrl = "market://details?id=com.instagram.android";
    window.location.replace(marketUrl);
}

另外，部分浏览器会拦截无用户交互的自动跳转，如果还是失效，可以加个 fallback 逻辑：尝试唤起商店失败后，再跳转网页版。

iOS 端修复 #

用https链接会默认跳网页版App Store，必须改用itms-apps://协议才能直接唤起手机上的商店应用，代码调整如下：

else if(OSName == "iOS"){
    // 替换为你的应用ID
    const appStoreUrl = "itms-apps://apps.apple.com/app/instagram/id389801252";
    window.location.href = appStoreUrl;
    // 1秒后如果唤起失败，自动跳转网页版
    setTimeout(() => {
        window.location.href = "https://apps.apple.com/app/instagram/id389801252?vt=lo";
    }, 1000);
}

关键提示 #

多数现代浏览器出于安全考虑，会拦截无用户主动点击的自动跳转（比如页面加载完直接触发）。如果一定要自动执行，建议在页面上显示一个引导按钮，让用户主动点击——这种方式不会被拦截，还能稳定唤起应用商店。

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