JavaScript无法检测已安装应用是否处理Intent Filter的问题

你的核心问题是：通过iframe触发Android Intent时，只有保留alert语句才能正确检测App是否已安装，移除后检测逻辑失效。这是因为alert会阻塞主线程，给系统留出足够时间处理Intent跳转；无alert时，浏览器的UI线程可能还未完成Intent的触发逻辑，超时回调就已经执行了。

以下是修复后的代码，解决了无alert时的失效问题：

function OpenApp(isAppInstalled) {
    if (isAppInstalled) {
        var launchApp = confirm("Do you want to launch the mobile app?");
        if (launchApp) {
            window.location.href = "myintent://www.myintent.com";
        }
    } else {
        var launchApp = confirm("We have a mobile app available. Would you like to view more information on how to get it?");
        if (launchApp) {
            window.location.href = "https://linktomobileapp.com";
        }
    }
}

function isIntentFilterHandled(intentUrl) {
    var isAppChecked = false;
    var start = Date.now();

    // 创建iframe并插入DOM
    var iframe = document.createElement('iframe');
    iframe.style.display = 'none';
    document.body.appendChild(iframe);

    // 清理逻辑，确保只执行一次回调
    function cleanUpAndCallApp(isAppInstalled) {
        if (!isAppChecked) {
            isAppChecked = true;
            OpenApp(isAppInstalled);
            document.removeEventListener('visibilitychange', handleVisibilityChange);
            window.removeEventListener('blur', handleWindowBlur);
            document.body.removeChild(iframe);
        }
    }

    // 监听页面可见性变化（App启动会导致页面隐藏）
    function handleVisibilityChange() {
        if (document.hidden) {
            cleanUpAndCallApp(true);
        }
    }

    // 监听窗口失焦事件，增加时间判断排除误触
    function handleWindowBlur() {
        var elapsed = Date.now() - start;
        if (elapsed < 1500) {
            cleanUpAndCallApp(true);
        }
    }

    // 绑定事件监听
    document.addEventListener('visibilitychange', handleVisibilityChange);
    window.addEventListener('blur', handleWindowBlur);

    // 设置超时，判断是否未安装App
    var delay = 2000;
    setTimeout(function() {
        if (!isAppChecked) {
            cleanUpAndCallApp(false);
        }
    }, delay);

    // 延迟设置iframe的src，确保事件监听完全绑定
    setTimeout(function() {
        iframe.src = intentUrl;
    }, 100);
}

window.onload = function() {
    var intentUrl = 'myintent://www.myintent.com';
    isIntentFilterHandled(intentUrl);
};

关键修复点： #

• 延迟设置iframe.src：给浏览器100ms时间完成事件监听的绑定，确保Intent触发时相关回调已准备就绪，避免无alert时线程过快执行导致事件未触发。
• 改用addEventListener绑定blur事件：避免直接覆盖window.onblur，同时增加时间判断，确保是Intent触发的窗口失焦，排除用户主动切换窗口的误判。
• 双事件监听逻辑：通过visibilitychange和blur双监听，提高App启动检测的准确性，覆盖不同场景下的跳转触发。

若部分Android浏览器对iframe触发Intent支持有限，可尝试改用window.location.href触发Intent，并配合短超时恢复页面地址（但这种方式可能会出现短暂的错误页面闪烁，需权衡体验）。

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