如何从网页中检测Android设备上是否安装了应用程序

从网页中检测Android设备上是否安装了应用程序，可以使用以下方法：

使用Intent协议

在网页中，可以使用JavaScript的window.navigator.startApp方法，通过Intent协议启动应用程序。如果应用程序已经安装，则会启动该应用程序，否则会触发一个错误。可以通过捕获错误来判断应用程序是否已经安装。

示例代码：

function checkAppInstalled(packageName) {
  return new Promise((resolve, reject) => {
    const startTime = Date.now();
    const timeout = 2000; // 设置超时时间
    const interval = 100; // 设置检查间隔

    const check = () => {
      if (Date.now() - startTime > timeout) {
        reject(new Error('Timeout'));
        return;
      }

      window.navigator.startApp.call(window.navigator, {
        action: 'android.intent.action.MAIN',
        categories: ['android.intent.category.LAUNCHER'],
        package: packageName
      }, (result) => {
        if (result.resultCode === 0) {
          resolve(true);
        } else {
          setTimeout(check, interval);
        }
      }, (error) => {
        reject(error);
      });
    };

    check();
  });
}

// 使用示例
checkAppInstalled('com.example.app').then(() => {
  console.log('App is installed');
}).catch((error) => {
  console.log('App is not installed');
});

使用深度链接

可以使用深度链接（Deep Linking）的方式，在网页中尝试打开应用程序。如果应用程序已经安装，则会启动该应用程序，否则会跳转到应用程序的下载页面。可以通过监听页面跳转来判断应用程序是否已经安装。

示例代码：

function checkAppInstalled(deepLink) {
  return new Promise((resolve, reject) => {
    const startTime = Date.now();
    const timeout = 2000; // 设置超时时间
    const interval = 100; // 设置检查间隔

    const check = () => {
      if (Date.now() - startTime > timeout) {
        reject(new Error('Timeout'));
        return;
      }

      const iframe = document.createElement('iframe');
      iframe.style.display = 'none';
      iframe.src = deepLink;
      document.body.appendChild(iframe);

      const onBlur = () => {
        resolve(true);
      };

      const onLoad = () => {
        setTimeout(check, interval);
      };

      const onError = () => {
        reject(new Error('Error'));
      };

      window.addEventListener('blur', onBlur);
      iframe.addEventListener('load', onLoad);
      iframe.addEventListener('error', onError);

      setTimeout(() => {
        window.removeEventListener('blur', onBlur);
        iframe.removeEventListener('load', onLoad);
        iframe.removeEventListener('error', onError);
        document.body.removeChild(iframe);
        reject(new Error('Timeout'));
      }, timeout);
    };

    check();
  });
}

// 使用示例
checkAppInstalled('exampleapp://path').then(() => {
  console.log('App is installed');
}).catch((error) => {
  console.log('App is not installed');
});

需要注意的是，这些方法可能会受到浏览器的安全策略限制，因此可能需要在某些浏览器中进行额外的配置。