Usare la web share API in Javascript

Javascript ci mette a disposizione la share API per la condivisione di contenuto direttamente da pagina web.

Non tutte le funzionalità sono compatibili al 100% con tutti i browser ancora, ma pare sia una API in continuo aggiornamento.

Detto ciò vediamo un esempio:

const shareData = {
    title: "Mattepuffo.com",
    text: "Blog di informatica!",
    url: "https://www.mattepuffo.com",
};

const btn = document.getElementById('btn');
const resultPara = document.getElementById('res');

btn.addEventListener("click", async () => {
    try {
        await navigator.share(shareData);
        resultPara.textContent = "Condivisione avvenuta!";
    } catch (err) {
        resultPara.textContent = `Error: ${err}`;
    }
});

Lato HTML:

<button id="btn">Condividi</button>
<p id="res"></p>

Enjoy!