Compartir texto nativamente vía JavaScript

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:

Una captura de pantalla del diálogo nativo de compartir en Android con el texto

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

Una captura de pantalla del diálogo nativo de compartir en iOS con el texto

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 {
        // 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>

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.

Cómo activar el diálogo nativo de compartir

Uso de la función JavaScript

`shareText`

Modificando el Menú de la App