Viber分享不可用时如何展示错误提示？现有检测逻辑无论是否安装都提示未安装

你当前的实现逻辑存在两个核心缺陷，导致无论是否安装应用都会触发误报：

• 未监听页面失活状态：当应用被成功唤起时，浏览器会切入后台/失去焦点，此时你没有主动清除待执行的提示定时器。部分移动端浏览器会在页面后台时挂起定时器计时，等页面切回前台后才继续执行，很容易触发时间差判断的逻辑漏洞。
• 超时阈值设置不合理：1000ms的超时时间过短，部分浏览器会弹出自定义协议打开确认框，用户点击确认的耗时很容易落入「未安装」的判定区间。

核心逻辑调整为：点击后启动定时提示，同时监听页面失活/隐藏事件，一旦应用成功唤起导致页面切后台，直接清除定时器，避免误触发提示。调整超时阈值到2000ms，留出足够的用户确认操作时间。

修正后的完整代码如下：

<a href="whatsapp://send/?phone=62812345678&text=test" id="openWA">Send to WhatsApp</a>
<br>
<a href="viber://forward?text=paff" id="openV">Send to Viber</a>

<script>
// 通用唤起检测函数
function registerAppOpenChecker(selector, alertText) {
    const el = document.querySelector(selector);
    let detectTimer = null;

    el.addEventListener('click', function() {
        const clickTime = Date.now();
        // 启动定时器，超时未唤起则弹提示
        detectTimer = setTimeout(() => {
            if (Date.now() - clickTime < 2500) {
                alert(alertText);
                // 检测到未安装可在这里跳转对应应用下载页
            }
        }, 2000);
    });

    // 页面失去焦点/隐藏时，说明应用成功唤起，清除定时器
    function clearDetectTimer() {
        if (detectTimer) {
            clearTimeout(detectTimer);
            detectTimer = null;
        }
    }
    window.addEventListener('blur', clearDetectTimer);
    document.addEventListener('visibilitychange', () => {
        if (document.hidden) {
            clearDetectTimer();
        }
    });
}

// 注册两个分享按钮的检测逻辑
registerAppOpenChecker('#openWA', 'WA not installed');
registerAppOpenChecker('#openV', '请安装Viber应用！');
</script>

• 部分安卓定制浏览器会主动拦截第三方自定义协议跳转，该场景下如果检测到未安装，可直接引导用户跳转应用商店下载页
• iOS 9及以上版本的Safari浏览器，未安装对应应用时会先弹出系统级的「无法打开该链接」提示，该提示无法通过前端逻辑屏蔽，可根据业务需要调整交互引导逻辑
• 桌面端浏览器如果没有配置对应协议的关联应用，也会触发未安装提示，符合你的需求场景

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