Android y iOS ofrecen un diálogo nativo para compartir texto, archivos y más. Si quieres usarlo en tu app, puedes activarlo mediante JavaScript.
Así se ve el diálogo de compartir en Android:

Y este es el diálogo de compartir en iOS:

Uso de la función JavaScript
Quizá quieras consultar la función
executeWhenAppReady() de nuestro script de ayuda de la aplicación. Garantiza que tu sitio web no intente interactuar con la aplicación antes de que esté lista o cuando tu sitio web se cargue utilizando un navegador normal (ReferenceError, function is not defined). shareText
Usa esta función para activar el diálogo nativo de compartir y compartir el texto que quieras.
<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>
Alternativamente, puedes usar la función navigator.share. Esta es una función que es compatible tanto con algunos navegadores como con la app. Ten en cuenta que la app no permite compartir archivos a través de esta función, solo texto.