js实现页面分享功能实现原理

if (navigator.share) {
  navigator.share({
    title: '分享标题',
    text: '分享描述',
    url: 'https://example.com',
  })
  .then(() => console.log('分享成功'))
  .catch((error) => console.log('分享失败', error));
} else {
  console.log('当前浏览器不支持Web Share API');
}

function shareOnTwitter() {
  const url = encodeURIComponent('https://example.com');
  const text = encodeURIComponent('分享标题');
  window.open(`https://twitter.com/intent/tweet?url=${url}&text=${text}`);
}

function shareOnFacebook() {
  const url = encodeURIComponent('https://example.com');
  window.open(`https://www.facebook.com/sharer/sharer.php?u=${url}`);
}

<button onclick="shareOnTwitter()">分享到Twitter</button>
<button onclick="shareOnFacebook()">分享到Facebook</button>