ブラウザ標準のシェア機能を利用できる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>