HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>getInstalledRelatedApps — banner</title>
</head>
<body>
  <pre id="out">Working…</pre>
  <script>
    async function shouldShowInstallBanner() {
      if (!navigator.getInstalledRelatedApps) {
        return { show: true, reason: "api-missing" };
      }
      try {
        var relatedApps = await navigator.getInstalledRelatedApps();
        if (relatedApps.length > 0) {
          return {
            show: false,
            reason: "related-app-installed",
            count: relatedApps.length
          };
        }
        return { show: true, reason: "none-installed" };
      } catch (err) {
        return { show: true, reason: err.name };
      }
    }
    shouldShowInstallBanner().then(function (result) {
      document.getElementById("out").textContent = JSON.stringify(result);
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

getInstalledRelatedApps — install banner (Try It)