網頁分享連結給好友

網頁提供按鈕，點了之後可以把連結分享給好友。

如果瀏覽器支援 navigator.share 可以讓瀏覽器使用裝置的內建分享功能，類似下圖。

如果瀏覽器不支援 navigator.share，就提供自動複製連結功能。

if (navigator.share) {
    navigator.share({
        title: '我是工程師但我是女生',
        text: '生活、筆記、分享',
        url: 'https://girlwebdeveloper2.blogspot.com/',
    });
} else {
    const value = 'https://girlwebdeveloper2.blogspot.com/';
    const el = document.createElement('input');
    el.value = value;
    document.body.appendChild(el);
    el.select();
    document.execCommand('copy');
    document.body.removeChild(el);
    alert('已成功複製連結');
}

參考文件

• [教學] Web Share API - Navigator.share() 介紹
• JavaScript 剪貼簿複製操作