ブラウザ標準のシェア機能を利用できるAPI。
モバイルならiOS、Androidが使用できる様子

<button id="share">シェア</button>
<script>
document.querySelector('#share').addEventListener('click', () => {
  if (navigator.share) {
    navigator.share({
      title: document.title,
      text: document.querySelector('meta[name="description"]').getAttribute('content'),
      url: location.href,
    }).then(() => {
      console.log('success');
    }).catch((error) => {
      console.log('error', error);
    };
  } else {
    // Web Share API未対応の場合の処理
  }
});
</script>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA