JavaScript Navigator canShare() Method

const lines = [
  "canShare: " + (typeof navigator.canShare === "function" ? "available" : "missing"),
  "share: " + (typeof navigator.share === "function" ? "available" : "missing"),
  "isSecureContext: " + window.isSecureContext
];
console.log(lines.join("\n"));

const shareData = {
  title: "MDN",
  text: "Learn web development on MDN!",
  url: "https://developer.mozilla.org"
};

if (!navigator.canShare) {
  console.log("navigator.canShare() not supported.");
} else if (navigator.canShare(shareData)) {
  console.log("We can use navigator.share() to send the data.");
} else {
  console.log("Specified data cannot be shared.");
}

function describeKey(label, data) {
  if (!navigator.canShare) return label + ": canShare missing";
  return label + ": " + (navigator.canShare(data) ? "shareable" : "not shareable");
}

console.log([
  describeKey("url", { url: "https://developer.mozilla.org" }),
  describeKey("text", { text: "Hello from CodeToFun" }),
  describeKey("unknown", { someNewProperty: "Data to share" })
].join("\n"));

async function checkFileShareSupport() {
  if (!navigator.canShare) {
    return "Your browser doesn't support the Web Share API.";
  }
  const files = [
    new File(["hello"], "hello.txt", { type: "text/plain" })
  ];
  if (navigator.canShare({ files })) {
    return "This system can share these files.";
  }
  return "Your system doesn't support sharing these files.";
}

checkFileShareSupport().then(console.log);

const shareData = {
  title: "CodeToFun",
  text: "Learn JavaScript with clear tutorials",
  url: "https://www.codetofun.com"
};

function canOfferShare(data) {
  return typeof navigator.canShare === "function" && navigator.canShare(data);
}

const enabled = canOfferShare(shareData);
console.log("Share button enabled: " + enabled);

// On click (user gesture), in a real page:
// if (enabled) await navigator.share(shareData);