So geht's: Den nativen Teilen-Dialog auslösen

Veröffentlicht am 31. August 2025 von Jan Bunk

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:

Ein Screenshot des nativen Android-Teilen-Dialogs mit dem Text

Und so sieht der Teilen-Dialog auf iOS aus:

Ein Screenshot des nativen iOS-Teilen-Dialogs mit dem Text

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>

Ändern des App-Menüs

Hier ist eine Liste der zugehörigen Entwicklerdokumentationen über das dynamische Ändern des App-Menüs. Stelle sicher, dass du diejenige ansiehst, die für das Layout deiner App zutrifft.