Tengo un botón que uso para compartir enlaces, externamente, en mi aplicación web. Cuando hace clic en él, se supone que debe iniciar el cuadro de diálogo Compartir móvil (ver capturas de pantalla). Esto funciona en iOS pero en Android lanza la versión de escritorio.

 const shareButton = document.querySelector('.share-button'); const shareDialog = document.querySelector('.share-dialog'); const closeButton = document.querySelector('.close-button'); shareButton.addEventListener('click', event => { if (navigator.share) { navigator.share({ title: 'Je-Bwoy - Yesu Nti', url: 'https://www.repjesus.com/browse/audio/12133/brooke+ligertwood+-+honey+in+the+rock+with+brandon+lake.html' }).then(() => { console.log('Thanks for sharing!'); }) .catch(console.error); } else { shareDialog.classList.add('is-open'); } }); closeButton.addEventListener('click', event => { shareDialog.classList.remove('is-open'); });

Aquí está el botón

 <button class="share-button" type="button" title="Share this article"> <span><i class="fas fa-share-alt-square"></i>Share</span> </button>