Android网页唤起APP失败仅跳转应用商店求助（Scheme正确）

你的问题核心在于：现代Android浏览器对window.open()唤起App Scheme的限制越来越严格，加上超时跳转的时机太早，导致App还没来得及唤起就被强制跳转到应用商店了。以下是几个可行的修复方案：

1. 用隐藏iframe替代window.open唤起Scheme #

很多浏览器会拦截无用户交互的window.open()，而通过iframe加载Scheme的方式更不容易被拦截，修改openApp函数：

var openApp = function() {
    var iframe = document.createElement('iframe');
    iframe.style.display = 'none';
    iframe.src = 'kronos://';
    document.body.appendChild(iframe);
    setTimeout(function() {
        document.body.removeChild(iframe);
    }, 1000);
};

2. 添加唤起成功检测，取消不必要的兜底跳转 #

当App被成功唤起时，浏览器会失去焦点，我们可以通过监听页面的焦点变化来判断是否唤起成功，避免误跳商店：

var triggerAppOpen = function() {
    var hasFocus = true;
    // 监听页面失去焦点事件
    window.addEventListener('blur', function() {
        hasFocus = false;
    });
    // 监听页面重新获得焦点（用户从App返回浏览器）
    window.addEventListener('focus', function() {
        hasFocus = true;
    });

    openApp();

    setTimeout(function() {
        // 如果页面依然保持焦点，说明唤起失败，跳商店
        if (hasFocus) {
            fallbackToStore();
        }
    }, 1000); // 延长超时时间，给App足够的唤起时间
};

3. 保留原生链接作为JS失效的兜底 #

不要完全依赖JavaScript，确保a标签的原生href属性正常工作，这样当JS被禁用时，用户点击链接依然能跳转到应用商店：

<a href="https://play.google.com/store/apps/details?id=com.kronos_sport.kronossport" class="kronos-link-openstore">Open</a>

修改后的完整代码 #

jQuery(domNode).find('.kronos-link-openstore').each(function () {
    jQuery(this).click(function (e) {
        e.preventDefault(); // 阻止默认跳转，先尝试唤起App
        triggerAppOpen();
    });
    
    var fallbackToStore = function() {
        window.location.replace("https://play.google.com/store/apps/details?id=com.kronos_sport.kronossport");
    };
    
    var openApp = function() {
        var iframe = document.createElement('iframe');
        iframe.style.display = 'none';
        iframe.src = 'kronos://';
        document.body.appendChild(iframe);
        setTimeout(function() {
            document.body.removeChild(iframe);
        }, 1000);
    };
    
    var triggerAppOpen = function() {
        var hasFocus = true;
        
        window.addEventListener('blur', function() {
            hasFocus = false;
        });
        
        window.addEventListener('focus', function() {
            hasFocus = true;
        });

        openApp();

        setTimeout(function() {
            if (hasFocus) {
                fallbackToStore();
            }
        }, 1000);
    };
});

额外注意事项 #

• 部分浏览器（如Chrome）需要用户主动交互（比如点击）才能唤起App，你的代码已经绑定了click事件，这一点是符合要求的。
• 延长超时时间到1000ms左右，给系统足够的时间处理App唤起请求，之前的250ms太短，可能App还没启动就触发了兜底跳转。

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