Как открыть встроенный модальный ресурс iOS по ссылке на веб-странице?

Question

У меня есть share button на моей веб-странице.Я хочу нажать на кнопку в мобильном Safari, чтобы открыть модальный ресурс для iOS.

Как мне добиться этого с помощью HTML / Javascript?

Я вижу, что Wall Street Journal удалось добиться этого с помощьюподелиться кнопками на их сайте.Я не смог найти ответы на вопросы о переполнении стека или Google.

Answer 1

Вы можете попробовать

navigator.share({
 title: 'Your title',
 text: 'Your text',
 url: 'Your url to share'
})

при нажатии на вашу ссылку.

Answer 2

Вы можете использовать функцию

navigator.share

Но не все браузеры поддерживают его. В этом случае вы можете проверить это с помощью этой конструкции:

if (navigator.share) {
  title: ' ',
  text: ' ',
  url: ' '
} else {
  // Fallback
}

Например, используйте этот код

   shareButton.addEventListener('click', event => {
      if (navigator.share) {
        navigator.share({
          title: 'WebShare API Demo',
          url: ' '
        }).then(() => {
          console.log('Thanks for sharing!');
        })
        .catch(console.error);
      } else {
        shareDialog.classList.add('is-open');
      }
    });

Где

shareDialog.classList.add ( 'является открытой'); Откроется панель альтернативных ресурсов.

Дополнительную информацию о поддержке и функциях native share API вы можете прочитать здесь