Android设备通过浏览器唤起移动应用的实现方案求助

我之前也碰到过一模一样的困扰！iOS上用window.location.replace()或者document.location.href调用URL Scheme唤起App毫无障碍，但Android这边就是纹丝不动，折腾了好一阵才理清各个关键点，给你分享几个亲测有效的方案：

1. 先确认App端的Scheme配置是否正确 #

这是最容易忽略的前提！Android App必须在AndroidManifest.xml里给要唤起的Activity配置正确的Intent Filter，特别是要包含android.intent.category.BROWSABLE类别，不然浏览器根本没有权限唤起它。举个配置示例：

<intent-filter>
    <!-- 必须声明VIEW动作 -->
    <action android:name="android.intent.action.VIEW" />
    <!-- 默认类别 -->
    <category android:name="android.intent.category.DEFAULT" />
    <!-- 关键：允许浏览器唤起 -->
    <category android:name="android.intent.category.BROWSABLE" />
    <!-- 自定义的Scheme配置 -->
    <data 
        android:scheme="myapp" 
        android:host="open" 
        android:path="/home" />
</intent-filter>

如果App端没配对，前端再怎么折腾都没用，先跟客户端同学确认这一步！

2. 适配Android浏览器的唤起方式 #

直接修改window.location在Android部分浏览器（比如Chrome）里支持不好，试试这两种更可靠的方式：

方式一：用隐藏iframe触发Scheme #

这种方式对大部分Android浏览器兼容性更好，代码示例：

function openAndroidApp(schemeUrl) {
    // 创建隐藏的iframe
    const iframe = document.createElement('iframe');
    iframe.style.display = 'none';
    iframe.src = schemeUrl;
    document.body.appendChild(iframe);
    
    // 设置超时，若未唤起则跳转应用商店兜底
    setTimeout(() => {
        document.body.removeChild(iframe);
        // 替换成你的App在Google Play的链接
        window.location.href = 'https://play.google.com/store/apps/details?id=com.your.app.package';
    }, 1000);
}

// 调用示例
openAndroidApp('myapp://open/home');

方式二：使用Chrome推荐的Intent协议 #

从Chrome 25开始，支持intent:协议，这种方式可以指定App的包名，避免Scheme冲突，唤起成功率更高：

// 格式：intent://[host]/[path]#Intent;scheme=[scheme];package=[app包名];end
window.location.href = 'intent://open/home#Intent;scheme=myapp;package=com.your.app.package;end';

如果用户没安装App，Chrome会自动提示跳转到应用商店，非常省心。

3. 处理特殊浏览器的限制 #

有些内置浏览器（比如微信、QQ浏览器）有自己的白名单机制，比如微信需要在公众平台配置“JS接口安全域名”和“App唤起白名单”才能正常唤起第三方App，如果你的页面要在这些环境运行，得单独做适配。

4. 兜底逻辑必不可少 #

Android没有像iOS那样的canOpenURL方法能直接检测App是否安装，所以一定要加超时跳转逻辑——如果1秒左右没唤起App，就自动跳转到应用商店或者官网，避免用户卡在空白页面。

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