Android und iOS bieten einen nativen Teilen-Dialog für Text, Dateien und mehr. Wenn du ihn in deiner App nutzen möchtest, kannst du den Teilen-Dialog per JavaScript auslösen.
So sieht der Teilen-Dialog auf Android aus:
Und so sieht der Teilen-Dialog auf iOS aus:
Verwendung der JavaScript-Funktion
Schau dir gerne auch die
executeWhenAppReady() Funktion von unser App-Helfer-Skript. Es stellt sicher, dass deine Website nicht versucht, mit der App zu interagieren, bevor sie bereit ist oder wenn deine Website mit einem normalen Browser geladen wird (ReferenceError, Funktion ist nicht definiert). shareText
Nutze diese Funktion, um den nativen Teilen-Dialog zu öffnen und einen beliebigen Text zu teilen.
<script>
try {
// returns a list of objects representing the menu items
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>
Alternativ kannst du die Funktion navigator.share verwenden. Das ist eine Funktion, die sowohl von einigen Browsern als auch von der App unterstützt wird. Beachte bitte, dass die App über diese Funktion keine Dateien, sondern nur Text teilen kann.