1. このページの目的
Web Share API をこのページに実装します。
2. 共有ボタン
以下のボタンを押すと Web Share API が実行されます。
3. JavaScript コード
window.addEventListener('DOMContentLoaded', (event) => {
const errMsgElm = document.querySelector('#result');
document.querySelector('#btnShare').addEventListener('click', () => {
errMsgElm.textContent = '';
if (navigator.share) {
navigator.share({
title: 'Web Share API Test Page',
text: 'Check out misc.laboradian.com — it\'s fun!',
url: 'https://misc.laboradian.com/',
})
.then(() => console.log('Successful share'))
.catch((error) => console.log('Error sharing', error));
} else {
// fallback
errMsgElm.textContent = 'Web Share API not supported!';
}
});
});
4. Mac の Safari でのスクリーンショット
