如何用JavaScript检测「example.com想要打开此应用」系统弹窗？

这类弹窗属于浏览器层面的系统级交互，和普通JS alert 不同，它不会阻塞页面JS执行，检测方案分两种场景：

一、普通前端JavaScript环境（网页内） #

普通前端JS没有直接API监听这类弹窗的弹出事件，只能通过拦截触发行为+页面状态变化间接推测：

这类弹窗通常由window.open()调用自定义协议链接（如myapp://）触发，我们可以重写window.open并结合页面焦点变化判断：

let appLaunchRequested = false;
const originalOpen = window.open;

// 重写window.open，记录唤起应用的请求
window.open = function(url, ...args) {
  if (url.startsWith('myapp://')) { // 替换为你的目标应用协议
    appLaunchRequested = true;
    // 监听页面可见性变化，只监听一次
    document.addEventListener('visibilitychange', checkPopup, { once: true });
  }
  return originalOpen.call(window, url, ...args);
};

function checkPopup() {
  if (appLaunchRequested && document.hidden) {
    console.log('疑似弹出「打开应用」系统弹窗');
    appLaunchRequested = false;
  }
}

局限性：只能间接推测，无法100%确认——页面失去焦点也可能是用户切换到其他窗口或标签页。

二、Puppeteer自动化测试环境 #

Puppeteer基于Chrome DevTools协议，可以直接捕获浏览器层面的这类系统弹窗，通过监听dialog事件实现精准检测：

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: false }); // 无头模式可能无法捕获弹窗，建议关闭
  const page = await browser.newPage();

  // 监听dialog事件
  page.on('dialog', async (dialog) => {
    // 根据弹窗文本判断是否是目标弹窗
    if (dialog.message().includes('想要打开此应用')) {
      console.log('检测到「打开应用」系统弹窗');
      // 可选择处理弹窗：接受/拒绝
      // await dialog.accept();
      // await dialog.dismiss();
    }
  });

  await page.goto('https://example.com');
  // 模拟触发唤起应用的操作（比如点击对应链接）
  await page.click('a[href^="myapp://"]');

  // 等待操作完成
  await page.waitForTimeout(2000);
  await browser.close();
})();

这种方式能精准捕获弹窗，因为Puppeteer可以直接获取浏览器的内部交互事件，这是普通前端JS做不到的。

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