HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>share — safe</title>
  <style>
    body { font-family: system-ui, sans-serif; margin: 1.5rem; }
    button { padding: 0.5rem 1rem; cursor: pointer; }
    #out { margin-top: 1rem; white-space: pre-wrap; }
  </style>
</head>
<body>
  <p><button type="button" id="share">Share or copy</button></p>
  <pre id="out">Ready.</pre>
  <script>
    async function shareOrCopy(data) {
      if (!window.isSecureContext) {
        return { ok: false, reason: "insecure-context" };
      }
      if (typeof navigator.share === "function") {
        try {
          if (typeof navigator.canShare === "function" && !navigator.canShare(data)) {
            return { ok: false, reason: "cannot-share-data" };
          }
          await navigator.share(data);
          return { ok: true, reason: "shared" };
        } catch (err) {
          if (err.name === "AbortError") {
            return { ok: true, reason: "canceled" };
          }
          return { ok: false, reason: err.name };
        }
      }
      try {
        await navigator.clipboard.writeText(data.url || location.href);
        return { ok: true, reason: "copied" };
      } catch (err) {
        return { ok: false, reason: "clipboard-" + err.name };
      }
    }

    document.getElementById("share").addEventListener("click", async function () {
      var result = await shareOrCopy({
        title: document.title || "CodeToFun",
        url: location.href,
        text: "Check this out"
      });
      document.getElementById("out").textContent = JSON.stringify(result);
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

share — safe + clipboard fallback (Try It)