Med det nye Web Share API kan nettsider dele på samme måte som native apps, dvs. dele lenker, tekst og filer til andre installerte apper på enheten.
I bildet til venstre viser hvordan popup fra min telefon ser ut når man klikker på en lenke som benytter Web Share API.
For at APIet skal fungere er det krav om at nettsiden benytter HTTPS og at det blir trigget via en bruker-aktivitet, eksempelvis klikk.
De mest brukte nettleserne for mobil støtter APIet, det gjør at du kan ta det i bruk så snart muligheten byr seg. Klikk her for å se detaljer for nettleserstøtten.
Dele tekst og lenker
Man trenger ikke mange linjene for å kunne benytte APIet. Det er alltid lurt å sjekke om nettleseren støtter APIet, spesielt siden svært få desktop-nettlesere støtter det.
For å starte delingen benytt metoden share(). Metoden tar i mot et objekt med 3 variabler, title, text og url. Minst en av variablene må være satt for å unngå at det blir kastet en feil.
if (navigator.share) { navigator.share({
title: 'XLENT',
text: 'Besøk vår nettside', url: 'https://xlent.no/',
}).then(
() => console.log('Lenken er delt!'))
.catch(
(error) => console.log('Det oppstod en feil', error));
}
