Android och iOS erbjuder en inbyggd delningsdialog för text, filer och mer. Om du vill använda den i din app kan du trigga delningsdialogen via JavaScript.
Så här ser delningsdialogen ut på Android:
Och så här ser iOS-delningsdialogen ut:
Använda JavaScript-funktionen
Du kanske vill kolla in
executeWhenAppReady()-funktionen i vårt hjälparskript för appen. Det säkerställer att din webbplats inte försöker interagera med appen innan den är redo eller när din webbplats laddas med en vanlig webbläsare (ReferenceError, funktionen är inte definierad). shareText
Använd den här funktionen för att trigga den inbyggda delningsdialogen och dela en valfri textsträng.
<script>
try {
// doesn't return anything
shareText("Check out this awesome website: https://webtoapp.design/");
}
catch (e) {
// Can occur if:
// - the app couldn't connect to the native code. Should be very unlikely.
console.log(e);
}
</script>
Alternativt kan du använda funktionen navigator.share. Detta är en funktion som stöds både av vissa webbläsare och appen. Observera att appen inte stöder delning av filer via denna funktion, endast text.